Next.js入門ハンズオンその2-ユーザー管理画面をつくろう(一覧編)
無料で読める本
前回は、ログインフォームを作成まで実施して 今回は、ユーザー管理画面の一覧編です！ 分かりやすいテーブルでデータを表示します swr、shadcn/ui、tanstackを使用しています 前回の「その1」(VSCodeの設定からログインフォームの作成) https://zenn.dev/ki74dev/books/5abcfe51003be2 サポートページ https://zenn.dev/ki74dev/scraps/83c6cfb1fd9578
Chapters
🔰はじめに
📺【Chapter1】画面修正
➿ルート修正、共通レイアウト修正
🙉ヘッダの作成
🚠ユーザー管理への遷移作成
🥖パンくずリストの作成
👻メタデータの修正(タイトルの動的表示)
🧪【Chapter2】テストデータ準備
🎄Prisma Seeding(テストデータ作成)
👨👩👧👦【Chapter3】ユーザー一覧画面
👩🔧一覧取得APIをつくる
🪝ユーザー一覧作成(JSON表示)-useSWRフック
🫓ユーザー一覧テーブル作成(その1)-基本のテーブル
🍟ユーザー一覧テーブル作成(その2)-機能追加
🌭ユーザー一覧テーブル作成(その3)-再利用可能コンポーネント導入
🌮ユーザー一覧テーブル作成(その4)-フィルタリング
🥪ユーザー一覧テーブル作成(その5)-一括削除の選択
🧂ユーザー一覧テーブル作成(その6)-その他
🛣️ユーザー一覧テーブル作成(その7)-ローディング
🪸2024/09/19一部修正
🛤️まだ続く？…
Author
Topics
