Turborepo + PNPM + Nextで構成されたアプリケーションをFly.ioにデプロイする
前に Turborepo + PNPM + Remixで構成されたアプリケーションをFly.ioにデプロイする という記事を書きました。 今回はその続きというかNextで動かす場合に苦労したのでここに記録を残していきます。 Dockefileを自分で作る必要がある flyctl launchでNextをビルドするための…
react
7 件の記事
2023
Turborepo + PNPM + Remixで構成されたアプリケーションをFly.ioにデプロイする
Turborepoでmonorepo構成で、パッケージマネージャーはpnpm、アプリケーションのフレームワークにはRemixを採用したアプリケーションをFly.ioにデプロイするのに苦労しました。 Fly.ioのRun a Remix Appや、Monorepo and Multi-Environment Deploy…
RemixでETagを使う
Remixアプリを作って実際にサーバにデプロイし始めてから、コンテンツに変更ないほぼ静的なページなのに、ステータスコードが200でレスポンスされていたのでちょっと嫌だなと思って、ETagで304レスポンス返せるようにしてみました。 ETagとはなにか？ まずそもそもとしてETagとはなにか？ ブラウザキャッシュを利用す…
Turborepoで複数のRemixアプリを同時に開発するためのport設定
TurborepoでRemixのアプリを複数用意するみたいなプロジェクトでちょっと細かい設定が必要だったのでここに書いていこうと思います。 なにが必要なのか portがかぶらない用に注意する必要があります。 このportに2種類あります devServerPortの設定 必要であればRemix App ServerのP…
2022
next/router + useApidaSWRでidを指定してデータ取得する方法
※CSR前提のお話です。 nextjsで詳細ページでデータを取得する場合にidを取得するみたいなことはよくやる。 const router = useRouter(); const { id } = router.query しかしこの場合レンダリング時にidが取得できないことが… router.isReady状態じゃ…
React BootstrapのBreadcrumbでnext/linkを使う
React BootstrapのBreadcrumbでnext/linkを使う方法についての見聞録です。 React BootstrapのBreadcrumb.Itemでhrefを指定すると、普通のリンクになってしまう。 import { Breadcrumb } from 'react-bootstrap' impo…
2019
ExpoのwebviewでローカルにあるHTMLを表示する
最近Expo使ってiPhone,Android向けのアプリの開発を行っている僕です。 最近は全然php書いてなくて切ないです。 さて、今日はExpoでWebViewを使ってローカルにあるHTMLファイルを表示するのに苦労したお話をします。 バージョンについて "dependencies": { "expo": "^33…