ゲストブック

Next.js app-router でゲストブックを作る問題です。サーバーアクションで投稿を保存し、 /guestbook の一覧を最新の投稿が先頭に来るように表示します。データはサーバーのインメモリ store に 置き、DB やログインはありません。登録直後に一覧へ新しい投稿が表示されるところまで完成させます。

Next.js app-router では、一覧ページはサーバーで描かれ、投稿の登録はサーバーアクションが担います。 この問題は、データが変わったあと、その変化がユーザーの見る一覧画面へいつ・どう引き継がれるかを 扱います。登録できたことだけでなく、登録直後にその投稿が一覧へ実際に表示されるかを、画面と テストの両方で確かめる習慣が大切です。

Next.js app-router でサーバーアクションは何をしますか？

フォーム送信のような動作をサーバーで処理する関数です。この問題ではサーバーアクションがゲストブックの投稿をサーバーのインメモリ store に保存します。

登録した投稿が一覧に表示されるかをどう検証しますか？

npm test でサーバーアクションを検証し、npm run dev で開いた /guestbook で投稿した直後に、その投稿が最新順で一覧に表示されるかを確認してください。

データはどこに保存されますか？

lib/guestbook-store.ts のサーバーインメモリ store に保存されます。この store は完成済みで変更は不要で、DB・ログインは範囲外です。