🎉
nextjs app router と pagesディレクトリ
nextjsのチュートリアルを勉強していてreactのチュートリアルと合わせて実行しようとしたところnextjsでpagesディレクトリが使えなくなっていて困った。
によると、pagesディレクリを使うこともできるみたい。
app routerに対応していないライブラリも多いようで、pagesに慣れてからapp routerを理解する手順でも良さそう。
変更点
- layout.tsxは削除。app_router専用のファイルのため
- favicon.ico appディレクトリからpublicディレクトリに移動
- global.css appディレクトリからstylesディレクトリに移動
- page.tsx appディレクトリからsrc/pages/index.tsxに移動
tailwind.config.ts 対象ファイルの場所をの設定を変更
"./pages/**/*.{js,ts,jsx,tsx,mdx}" -> "./src/pages/**/*.{js,ts,jsx,tsx,mdx}"
Discussion