Next.js AppRouerを使ってみる

jskn-d
·

機能がもりもりすぎて構成考えるだけで一苦労。

でも、なんだかんだ楽しいから時間が溶けていく。

  • appの下はできる限りルーティングのみ

  • ただし、1つのページでのみ使うcomponentはpage.tsxと同じ階層に

  • page.tsxはServerComponentに

  • formとかユーザー操作が伴う箇所はcomponentを切り分けて「use client」

  • データのCRUD系はServer actionで

  • appと同じ階層にactionディレクトリを置いて、ドメインごとに階層をわける(Server action置き場)

適当にこんな感じでやってみる。

@jskn_d
読書記録や開発記録