Merge branch 'main' of https://github.com/yutakobayashidev/parliament…

…-data

frontend/.dockerignore

@@ -0,0 +1,3 @@
+*
+!package.json
+!bun.lockb

frontend/.env.example

@@ -1,4 +1,4 @@
-DATABASE_URL=for
+DATABASE_URL=mysql://root@mysql:3306/captitalens
 NEXT_PUBLIC_GA_ID=bar
 GOOGLE_ID=baz
 GOOGLE_SECRET=qux
@@ -9,4 +9,4 @@ OPENAI_API_KEY=garply
 YOUTUBE_API_KEY=waldo
 UPSTASH_REDIS_REST_URL=fred
 UPSTASH_REDIS_REST_TOKEN=plugh
-NEXTAUTH_URL=http://localhost:3000
+NEXTAUTH_URL=http://localhost:3000

frontend/Dockerfile

@@ -0,0 +1,11 @@
+FROM node:18-buster-slim AS base
+
+RUN apt-get update -y && apt-get install -y openssl
+
+FROM base AS dev
+ENV NODE_ENV=development
+WORKDIR /app
+COPY package.json ./
+COPY bun.lockb ./
+RUN ["npm", "install", "-g", "bun"]
+RUN ["bun", "install"]

frontend/README.md

@@ -1,6 +1,24 @@
 # frontend
 
-フロントエンドには Next.js、Prisma、Tailwind CSS を採用しています。
+フロントエンドには Next.js、Prisma、Tailwind CSS、bun を採用しています。
+
+## 開発環境の構築
+
+### Docker のセットアップ
+
+（省略）
+
+### 環境変数の準備
+
+```sh
+cp .env.example .env
+```
+
+### 開発環境の起動
+
+```sh
+docker compose up
+```
 
 ## Storybook
 

frontend/docker-compose.yml

@@ -0,0 +1,35 @@
+services:
+  mysql:
+    image: mysql:8.1
+    volumes:
+      - mysql_data:/var/lib/mysql
+    environment:
+      - MYSQL_ALLOW_EMPTY_PASSWORD=yes
+    command: --default-authentication-plugin=mysql_native_password
+    ports:
+      - 3306:3306
+    healthcheck:
+      test: ["CMD", "mysqladmin", "ping", "-h", "localhost"]
+      timeout: 1s
+      retries: 30
+  frontend:
+    depends_on:
+      mysql:
+        condition: service_healthy
+    build:
+      context: .
+      dockerfile: Dockerfile
+      target: dev
+    volumes:
+      - type: bind
+        source: ./
+        target: /app
+    platform: linux/amd64
+    command: sh -c "bun run prisma-init && bun run dev"
+    restart: always
+    ports:
+      - 3000:3000
+
+volumes:
+  mysql_data:
+    driver: local

frontend/package.json

@@ -7,6 +7,7 @@
   },
   "scripts": {
     "dev": "next dev",
+    "prisma-init": "prisma db push && prisma db seed",
     "build": "prisma generate && next build",
     "start": "next start",
     "lint": "next lint",