Next.jsでフルスタックの型安全で効率よく開発できるT3 StackとReact UIライブラリのMantineを使用してCRUD機能を備えた管理画面を爆速で構築します。
本書で使用している主な技術スタックは以下になります。
[T3 Stack]
・Next.js
・TypeScript
・tRPC
・Prisma
・Tailwind CSS
・Auth.js(NextAuth.js)

[UI ライブラリ]
・Mantine
・Mantine React Table

[バリデーションライブラリ]
・Zod

T3 Stack+MantineでCRUD機能の管理画面を爆速で構築する

T3 Stackのインストール

初期設定

新規作成画面の作成

Mantine React Tableで一覧画面の作成

編集画面の作成

ヘッダーとサイドメニューを加えてレイアウトの調整

Seedでテストユーザーを作成

Auth.js(NextAuth.js)で認証機能を実装

typescript

prisma

trpc

t3stack

misawa