Docker Next.jsをDockerコンテナでデプロイする Next.jsをDockerコンテナ化してデプロイする際のDockerfile, docker-composeファイルを残してます。 前提 ローカルの開発環境はDockerで動かさず、デプロイ時のみDockerコンテナを利用す... 2022.06.05 DockerNext.js
Next.js 【npmライブラリ作成×webpack×Next.js】ReferenceError: document is not defined 作成したnpmライブラリをNext.jsで読み込む時、ReferenceError: document is not definedというエラーに遭いました。 状況 作成していたnpmライブラリは、webpackを使用してバン... 2021.11.18 Next.jsOSSフロントエンド
Next.js 【npmライブラリ作成/Next.js】Global CSS cannot be imported from within node_modules. 自分で作成したライブラリをNext.jsにインストールした際に、Global CSS cannot be imported from within node_modules.というエラーが立ちはだかりました。 エラー内容 Gl... 2021.11.18 Next.jsOSSフロントエンド
Next.js Next.jsで環境変数が読み込まれないときに確認すること Next.jsで環境変数を読み込むのに手間取ったので備忘録。 環境変数名にNEXT_PUBLIC_をつけているか 環境変数をクライアントサイド(ブラウザ)で使用する場合、変数名ににNEXT_PUBLIC_とつける必要があります... 2021.07.28 Next.jsフロントエンド
Next.js 【Next.js×TypeScript】_app.tsx内のMyAppの型定義でエラーが出る eslintを使用しているのですが、Next.jsの_app.tsx内でMyappのエラーが出ていました。その解消方法を記録します。 元のコード ({ Component, pageProps }: AppProps) =>に... 2021.04.25 Next.jsTypeScriptエラーフロントエンド開発
Next.js 【Next.js】データ取得時の、getStaticProps, getServerSideProps, SWRの使い分け Next.jsを勉強しており、使いどころをはっきりさせたかったため、まとめてみました。 getStaticProps 特徴 ビルド時に、サーバーサイドで実行されるいわゆるSSG(静的生成) 使いどころ リクエ... 2021.03.27 Next.jsフロントエンド開発
HTML/CSS/Sass Next.jsにTailwind.cssを導入する方法 Tailwind.cssをインストール Next.jsのバージョンが10以上の場合 # npm の場合 npm install -D tailwindcss@latest postcss@latest autoprefixer... 2021.03.26 HTML/CSS/SassNext.jsフロントエンド開発