はじめに App Router が安定版になり、そろそろちゃんと学ばないとな〜と思っている方も多いのではないでしょうか？ また、Server Actions もまだ実験的な機能ですが使えるようになりましたね！ ということで今回は、チャットアプリ作成を通して App Router と Server Actions を学べる記事を書いてみました。 一通りやった後には App Router/Server Actions が分かってきてるようになるのではないかと思います 😀 みなさんの参考になれば嬉しいです！ 認証としてClerk、ORM にPrisma、DB にPlanetScaleを使用します。 以下がデモのリポジトリです！ デモサイトです ↓ セットアップ セットアップを行っていきます。 いつも通りコマンドでnpx create-next-app@latestを実行してプロジェクトを作成し