Frontend/v1

.coderabbit.yaml

@@ -0,0 +1,32 @@
+# yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json
+language: "en-US"
+
+# The tone the AI will use when talking to you and your contributors
+tone_instructions: 'You are a senior full-stack developer reviewing code for an open-source Next.js project. Be encouraging, highly technical, and concise. Always suggest best practices for TypeScript and Next.js App Router.'
+
+reviews:
+  # 'chill' means it won't nitpick tiny style things that ESLint should catch
+  profile: "chill"
+
+  # When set to true, CodeRabbit will automatically "Approve" the PR when its requested changes are resolved
+  request_changes_workflow: true
+
+  # Adds a fun, auto-generated summary and a poem about the code at the top of the PR!
+  high_level_summary: true
+  poem: true
+
+  # Automatically review all new PRs
+  auto_review:
+    enabled: true
+    drafts: false # Won't waste reviews if a contributor opens a "Draft" PR
+
+  # Specific rules for specific folders!
+  path_instructions:
+    - path: "frontend/**/*.tsx"
+      instructions: "Ensure React components are using modern hooks, avoid unnecessary re-renders, and use TailwindCSS properly."
+    - path: "frontend/content/**/*.mdx"
+      instructions: "Ensure MDX files have proper frontmatter, clean Markdown formatting, and that code blocks specify a language."
+
+# Allows you and contributors to chat with the bot in the PR comments
+chat:
+  auto_reply: true

.github/workflows/ci.yml

@@ -0,0 +1,41 @@
+name: PR Checks
+
+on:
+  pull_request:
+    branches: [ main ]
+
+jobs:
+  quality-checks:
+    runs-on: ubuntu-latest
+
+    # Run all commands inside the frontend directory
+    defaults:
+      run:
+        working-directory: ./frontend
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+          cache-dependency-path: ./frontend/package-lock.json
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run ESLint
+        # Uses the "lint": "eslint" script from your package.json
+        run: npm run lint
+
+      - name: Check TypeScript Types
+        # Uses npx to run the TypeScript compiler and check for errors without generating files
+        run: npx tsc --noEmit
+
+      - name: Verify Next.js Build
+        # Uses the "build": "next build" script
+        # Next.js will also do a strict check here, but having them separate makes debugging easier!
+        run: npm run build