Next.js (React) + GraphQL テンプレート

Skeet App Next.js + GraphQL テンプレート

Next.js (React) + GraphQL 環境 for Skeet Framework

GitHub - Skeet App Next.js + GraphQL Template

心がけ

• 迅速な開発
• ハイパフォーマンス
• グローバルスケール(多言語化含む)
• メンテナンスしやすいコードベース
• SEO に強い

技術選定

• Next.js - SSG Framework
• React - UI Framework
• TypeScript - Type Check
• ESLint - Linter
• Prettier - Formatter
• Recoil - State Management
• Next i18next - i18n Translation
• Firebase - Hosting & Analytics
• Tailwind - CSS Framework
• Relay - GraphQL Client

依存パッケージ

• Watchman (GraphQL タイプを自動生成するのに使います)

クイックスタート

bash
$ npm i -g firebase-tools
$ npm i -g @skeet-framework/cli

bash
$ skeet create <project-name>

bash
$ cd <project-name>
$ skeet s

※ OpenAI API key が必要です

./functions/skeet/.secret.local or ./functions/skeet/.env

bash
CHAT_GPT_KEY=your-key
CHAT_GPT_ORG=your-org

テストコマンド:

bash
$ skeet test

Firebase Emulator: http://localhost:4000

Front-end App: http://localhost:4200