nextjs-prisma-graphql-web-app
(2022/09) Next.js, Prisma, GraphQL Codegen で作るフルスタック Web アプリケーションの写経用リポジトリ
注意
- 書籍では、パッケージ管理に yarn を使用しているが、本リポジトリでは npm を使用している
- 書籍では、UI の装飾に CSS フレームワーク Tailwind CSS を使用しているが、本リポジトリでは UI コンポーネントライブラリ Chakra UIを使用している
成果物
概要
-
Web アプリ
- TODO: Page Routing 使ったやつ版
- TODO: App Directory 使ったやつ版
実装した機能
TODO: 書籍に準拠。使った技術の整理。
書籍概要
以下、商品ページより引用
おもに Next.js、Prisma、GraphQL Code Generator を用いた Web アプリケーションの構築手法について解説した書籍となります。 上記技術に加えて、以下の技術も採用しています。
・Tailwind CSS ・NextAuth.js ・Apollo GraphQL ・Prettier ・ESLint ・Vitest ・React Testing Library ・GitHub Actions
モダンな Web アプリケーションの開発手法について興味がある方にオススメです。
1 章 Next.js のセットアップ 2 章 Prisma のセットアップ 3 章 GraphQL Code Generator のセットアップ 4 章 テストコードの追加 5 章 本番環境へのデプロイ 6 章 次のステップ
サポートページ：https://github.com/typebase-inc/nextjs-prisma-graphql-codegen-webapp-support サンプル：https://zenn.dev/typebase/books/nextjs-prisma-graphql-codegen-webapp
※本書は以下の Zenn と BOOTH で販売している書籍と同様の内容となります。重複購入にご注意ください。 https://zenn.dev/typebase/books/nextjs-prisma-graphql-codegen-webapp > https://typebase.booth.pm/items/4162627
※技術書典の商品名の文字数の成約でタイトルを不本意にも省略していますが、本書の正式名称は「Next.js, Prisma, GraphQL Code Generator で作るフルスタック Web アプリケーション」です。
開発環境
- Node.js v18.7.0
- npm
- Docker