【Next.js】app Routerについて

結論、app Routerを使うと新しい仕様のNext.jsになる!

npx create-next-app example-app

これを入力して、様々なことを「yes / no」で聞いてくる。
その中の「Use App Router (recommended)?」を「yes」にすると
「pages」フォルダがなくなって代わりに「app」フォルダになり、
「index.js」がなくなって「page.js」ができてしまって
今までの情報が全く通用しなくなる。

例えば「about」ファイルを作ろうと思って「app」フォルダに「about.js」を追加しても「about.js」が読み込まれずエラー
調べてもchatGPTに聞いても的外れなことしか出てこないから、
最新の18.0.0verを使用する際は実装するアプリケーションをしっかり調べてから実装した方がいい。
3日溶かした。次に進もう。

この記事が気に入ったらサポートをしてみませんか?