Merge pull request #26 from jphacks/feat/setup-linter-formater

Add ESLint and Prettier for code formatting

.github/workflows/ci.yaml

@@ -9,7 +9,32 @@ env:
 on: push
 
 jobs:
+  lint:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: task_yell
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          check-latest: true
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Run ESLint
+        run: npm run lint
+
+      - name: Run Prettier
+        run: npm run format:check
+
   preview:
+    needs: lint
     if: ${{ github.ref != 'refs/heads/main' }}
     runs-on: ubuntu-latest
     environment:
@@ -24,12 +49,12 @@ jobs:
           node-version: 18
           check-latest: true
 
-      - name: Install Vercel CLI
-        run: npm install --global vercel@latest
-
       - name: Mv directory
         run: cd ./task_yell
 
+      - name: Install Vercel CLI
+        run: npm install --global vercel@latest
+
       - name: Pull Vercel Environment Information
         run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
 
@@ -45,6 +70,7 @@ jobs:
         run: vercel alias ${{ steps.deploy.outputs.url }} stg.my-service.com --scope=my-team --token=${{ secrets.VERCEL_TOKEN }}
 
   prod:
+    needs: lint
     if: ${{ github.ref == 'refs/heads/main' }}
     runs-on: ubuntu-latest
     steps:

task_yell/.eslintrc.json

@@ -1,3 +1,3 @@
 {
-  "extends": ["next/core-web-vitals", "next/typescript"]
+  "extends": ["next/core-web-vitals", "next/typescript", "prettier"]
 }