Next.js App Router入門

Next.js 13以降で導入されたApp Routerについて解説します。

App Routerとは

App Routerは新しいルーティングシステムです。appディレクトリを使用します。

Server Components

デフォルトでServer Componentsが使われます。

// サーバーサイドでのみ実行される
async function Page() {
  const data = await fetchData();
  return <div>{data}</div>;
}

まとめ

App Routerを使いこなして、より良いNext.jsアプリを作りましょう。