使用する技術
アジリティを考慮して、今回は Next.js ですべてを完結させる
- dependabot
- 依存関係の更新を自動でマージしてくれる
- Next.js: https://nextjs.org/
- shadcn/ui: https://ui.shadcn.com/
- Tailwind CSS: https://tailwindcss.com/
- TypeScript: https://www.typescriptlang.org/
- Storybook: https://storybook.js.org/
- msw: https://mswjs.io/
- Vitest: https://vitest.dev/
- ブラウザモードでテストできる
- lucide: https://lucide.dev/
- アイコン
- eslint: https://eslint.org/
- prettier: https://prettier.io/
- prisma: https://www.prisma.io/
- ORM マッパー
- データベースのスキーマをコードで管理できる
- vercel: https://vercel.com/
- GitHub Actions: https://github.com/features/actions
- eslint
- tsc
- vitest
このアプリで達成したいこと
- 各施設の待ち時間を確認できる
- ショー・パレードのスケジュールを簡単に確認できる
- フードメニューと価格、場所を確認できる
- Prisma のスキーマ定義
- データベースのマイグレーション
- Figma デザイン起こし
- Storybook セットアップ
- vitest セットアップ