Next.js App Router (app ディレクトリ) の逆引き辞典

2023/05/05 追記 v13.4.0 をもって App Router は安定版になりました！ https://nextjs.org/blog/next-13-4 公式ドキュメントもベータ→正式版にマージされました。 内容が充実してきている様子ので、そちらを確認してください。 https://nextjs.org/docs 加えて、公式ドキュメントの改善で分かったポイントもいくつか修正しています。 Next.js v13 から App Router 機能 (app ディレクトリ) が新しく追加されました。 （v13.3.0 現在はベータ版です。 v13.4.0 をもって安定版になりました！） ファイルベースの Layout 機能 処理の一部を Server Component に移しバンドルサイズを削減できる 例: remark を利用した Markdown のパース が有名なところだ

[mayumayu_nimolove]

触ったけどnuxt3に似てた

[tohokuaiki]

まじー。なんでー。“query オブジェクトを渡す、という方法は App Router では使えません。 自力で文字列を構築しましょう。”

[nilab]

Next.js App Router (app ディレクトリ) の逆引き辞典

[akymrk]

“ディレクトリ名を () で囲うと Route Groups の機能が使用できます。 ”"App Router の useRouter は、 next/router ではなく next/navigation からインポート"