Next.js、Prisma、GraphQL Code Generatorで作るフルスタックWebアプリケーション

おもにNext.js、Prisma、GraphQL Code Generatorを用いたWebアプリケーションの構築手法について解説したコースとなります。

上記技術に加えて、以下の技術も採用しています。

• TypeScript

• Tailwind CSS

• NextAuth.js（Auth.js）

• Apollo GraphQL

• Prettier

• ESLint

• Vitest

• React Testing Library

• GitHub Actions

モダンなWebアプリケーションの開発手法について興味がある方にオススメです。

■2026年4月に更新版のリソースを追加しました！

講座で配布しているサンプルプロジェクトについて、現在のライブラリの最新バージョンに合わせた更新版を用意しました。 

旧サンプルをベースにしつつ、依存パッケージ、ディレクトリ構成、認証、GraphQL まわりを見直しています。

• Next.js: 13 → 16

• React: 18 → 19

• Prisma: 4 → 7

• Apollo Client: 3 → 4

• TypeScript: 4 → 6

• Tailwind CSS: 3 → 4

• Vitest: 0.x → 4

• ESLint: 8 → 9

• Prettier: 2 → 3

• GraphQL Code Generator: 2 → 6

• Testing Library: 13 → 16

あわせて、構成面でも次のような更新を行っています。

• Next.js を Pages Router ベースから App Router ベースへ変更

• 認証を NextAuth.js から Better Auth ベースへ変更

• GraphQL サーバーを apollo-server-micro から GraphQL Yoga へ変更

• ローカル開発の既定データベースを SQLite ベースに整理

• 簡易的なドキュメントを追加