前回は、ログインフォームを作成まで実施して
今回は、ユーザー管理画面の一覧編です！
分かりやすいテーブルでデータを表示します

swr、shadcn/ui、tanstackを使用しています


前回の「その1」(VSCodeの設定からログインフォームの作成)
<a href="https://zenn.dev/ki74dev/books/5abcfe51003be2" target="_blank" rel="nofollow noopener noreferrer">https://zenn.dev/ki74dev/books/5abcfe51003be2</a>


サポートページ
<a href="https://zenn.dev/ki74dev/scraps/83c6cfb1fd9578" target="_blank" rel="nofollow noopener noreferrer">https://zenn.dev/ki74dev/scraps/83c6cfb1fd9578</a>


前回は、ログインフォームを作成まで実施して
今回は、ユーザー管理画面の一覧編です！
分かりやすいテーブルでデータを表示します

swr、shadcn/ui、tanstackを使用しています


前回の「その1」(VSCodeの設定からログインフォームの作成)
https://zenn.dev/ki74dev/books/5abcfe51003be2


サポートページ
https://zenn.dev/ki74dev/scraps/83c6cfb1fd9578


Next.js入門ハンズオンその2-ユーザー管理画面をつくろう(一覧編)

🔰はじめに

📺【Chapter1】画面修正

　➿ルート修正、共通レイアウト修正

　🙉ヘッダの作成

　🚠ユーザー管理への遷移作成

　🥖パンくずリストの作成

　👻メタデータの修正(タイトルの動的表示)

🧪【Chapter2】テストデータ準備

　🎄Prisma Seeding(テストデータ作成)

👨‍👩‍👧‍👦【Chapter3】ユーザー一覧画面

　👩‍🔧一覧取得APIをつくる

　🪝ユーザー一覧作成(JSON表示)-useSWRフック

　🫓ユーザー一覧テーブル作成(その1)-基本のテーブル

　🍟ユーザー一覧テーブル作成(その2)-機能追加

　🌭ユーザー一覧テーブル作成(その3)-再利用可能コンポーネント導入

　🌮ユーザー一覧テーブル作成(その4)-フィルタリング

　🥪ユーザー一覧テーブル作成(その5)-一括削除の選択

　🧂ユーザー一覧テーブル作成(その6)-その他

　🛣️ユーザー一覧テーブル作成(その7)-ローディング

　🪸2024/09/19一部修正

🛤️まだ続く？…

nextjs

tanstack

shadcnui

hanson

InuNeko