テーマ決め

moai

Routing: Fundamentals | Next.js

pagesディレクトリは一応まだ使える

pagesとappでパス名が被るとビルド時にエラーが出るらしい

appの中身はデフォルトでReact Server Componentsとして扱われる

special filesで気になるもの:

• route.js そのパスに対するGET, POST, PUT, PATCH, DELETE, HEAD, OPTIONSを定義(上書き?)できる

  Routing: Route Handlers | Next.js

  • apiディレクトリじゃなくてええんか？
  • generator関数(jsの文法の影薄いやつ)を使ってstreamingも簡単にできる←感動
  • rss向けのエンドポイントとかも作れる(Non-UI Responses)

• template.js

  Routing: Pages and Layouts | Next.js

  • ↓みたいな感じで配信される

  <Layout>
    {/* Note that the template is given a unique key. */}
    <Template key={routeParam}>{children}</Template>
  </Layout>
  

higashiji

ドキュメント読んだメモ

fetchの拡張

The new data fetching system is built on top of the native fetch() Web API and makes use of async/await in Server Components.

• React extends fetch to provide automatic request deduping.
• Next.js extends the fetch options object to allow each request to set its own caching and revalidating rules.

Learn how to use fetch in Next.js.

Data Fetching: Fundamentals | Next.js

React がネイティブの fetch を patch しようとしてる話

mutation

Data Fetching: Mutating | Next.js