Next.js

Next.js

【npmライブラリ作成×webpack×Next.js】ReferenceError: document is not defined

作成したnpmライブラリをNext.jsで読み込む時、ReferenceError: document is not definedというエラーに遭いました。 状況 作成していたnpmライブラリは、webpackを使用してバン...
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...
HTML/CSS/Sass

本番環境にデプロイしたらtailwindcssが効かない時に確認すること

tailwindを使用していた時に、本番環境やdev環境にデプロイしたらスタイルが効いてない時がありました。そんな時に確認することを2つ紹介します。 tailwindcss.config.jsのpurge設定を見直す tail...
Next.js

Next.jsで環境変数が読み込まれないときに確認すること

Next.jsで環境変数を読み込むのに手間取ったので備忘録。 環境変数名にNEXT_PUBLIC_をつけているか 環境変数をクライアントサイド(ブラウザ)で使用する場合、変数名ににNEXT_PUBLIC_とつける必要があります...
Next.js

【Next.js×TypeScript】_app.tsx内のMyAppの型定義でエラーが出る

eslintを使用しているのですが、Next.jsの_app.tsx内でMyappのエラーが出ていました。その解消方法を記録します。 元のコード ({ Component, pageProps }: AppProps) =>に...
Next.js

【Next.js】データ取得時の、getStaticProps, getServerSideProps, SWRの使い分け

Next.jsを勉強しており、使いどころをはっきりさせたかったため、まとめてみました。 getStaticProps 特徴 ビルド時に、サーバーサイドで実行されるいわゆるSSG(静的生成) 使いどころ リクエ...
HTML/CSS/Sass

Next.jsにTailwind.cssを導入する方法

Tailwind.cssをインストール Next.jsのバージョンが10以上の場合 npm install -D tailwindcss@latest postcss@latest autoprefixer@latest ...
スポンサーリンク
タイトルとURLをコピーしました