本書では Next.js で Prisma を実践的に利用できる基礎知識と環境を作ることをを目的とします。

【読者】
・Prisma に興味がある方
・Next.js でデータベースを利用したい方
・Next.js に興味がある方
・Supabase に興味がある方
・Vercel を利用されている方

【特徴は】
・ステップバイステップで構築方法を学べる
・ソースコードを参考にしながら学習
・図解で解説できる

【その他】
「いいね」してくれたらモチベーションあがります🚀 

Prisma 実践入門 - Next.js シリーズ

🍓　はじめに

0.1　更新履歴

🍇　第1部　データベースの選定と基本知識

1.1　📚 データベースの基本

1.2　📚 サーバーサイドで DB を操作する理由

1.3　📚 データベースの種類と特徴

1.4　📚 Next.js と相性の良い RDB 一覧

1.5　📚 RDB ごとに利用可能なクラウドサービス

1.6　📚 開発環境と本番環境の RDB

1.7　📚 TypeScript 開発者のための ORM

1.8　📚 本書籍の DB 選定

🍍　第2部　ローカル開発用DBを構築

2.1　📚 前回書籍の CI/CD の振り返り

2.2　💻 ローカル開発環境を整備

2.3　💻 CI/CD 環境を構築

2.4　💻 Supabase CLI で開発環境用 DB を構築

2.5　📚 Supabase Studio

2.6　💻 DB の接続情報を環境変数に登録

🍉　第3部　Prisma ORM の紹介と導入

3.1　📚 Prisma ORM について

3.2　💻 Prisma ORM を導入

3.3　💻 スキーマを定義

3.4　📚 VS Code を設定

3.5　💻 スキーマをフォーマット

3.6　💻 スキーマをバリデート

3.7　💻 マイグレーション

3.8　💻 Prisma Studio

3.9　💻 Prisma Client

3.10　💻 シードデータ

🍋　第4部　Prisma での CRUD 操作

4.1　📚 RDB の基礎

4.2　📚 Create の基本構文

4.3　💻 Create の動作確認

4.4　📚 Read の基本構文

4.5　💻 Read の動作確認

4.6　📚 Update の基本構文

4.7　💻 Update の動作確認

4.8　📚 Delete の基本構文

4.9　💻 Delete の動作確認

4.10　📚 Transaction の基本構文

4.11　💻 Transaction の動作確認

🍊　第5部　Server Components から DB 操作

5.1　📚 Server Components から DB へアクセス

5.2　💻 Server Components から直接 DB 操作

5.3　💻 データアクセスレイヤーを導入

🍌　第6部　本番環境、Preview環境用 DB を構築

6.1　💻 Supabase プロジェクトを作成

6.2　💻 DBの接続情報を GitHub に登録

6.3　💻 GitHub Actions を修正しデプロイ

🥝　第7部　Client Components から DB 操作

7.1　📚 Client Components から DB へアクセス

7.2　📚 Route Handlers から DB 操作（解説）

7.3　💻 Route Handlers から DB 操作（実装）

7.4　📚 Server Actions から DB 操作（解説）

7.5　💻 Server Actions から DB 操作（実装）

🍒　第8部　Next.js で CRUD 操作

8.1　💻 Server Component にてユーザー一覧を取得

8.2　💻 ユーザーリストをクライアントコンポーネント化

8.3　💻 ユーザー登録機能を追加

8.4　💻 ユーザー削除機能を追加

8.5　💻 Vercel にデプロイし Cache の問題を確認

8.6　💻 Cache の問題を解消

🫐　第9部　型安全に DB を操作

9.1　📚 Zod でより型安全に

9.2　💻 サーバー側で入力値を検証

9.3　💻 クライアント側で入力値を検証

🥭　第10部　zod-prisma-types で 二重管理を回避

10.1　📚 zod-prisma-types

10.2　💻 zod-prisma-types をインストール

10.3　💻 modelSchema を利用

🥥　第11部　おまけ

11.1　📚 コマンド一覧

nextjs

react

vercel

prisma

supabase

hayato94087