ci: add checks for formatting, linting, build and tests

.github/workflows/build.yml

@@ -0,0 +1,28 @@
+name: Build
+on:
+  pull_request:
+jobs:
+  build:
+    runs-on: self-hosted
+    strategy:
+      matrix:
+        project: [backend, frontend]
+    defaults:
+      run:
+        working-directory: ${{ matrix.project }}
+    steps:
+      - uses: actions/checkout@v5
+      - uses: pnpm/action-setup@v6
+        with:
+          package_json_file: ${{ matrix.project }}/package.json
+          cache: true
+          cache_dependency_path: ${{ matrix.project }}/pnpm-lock.yaml
+      - uses: actions/setup-node@v5
+        with:
+          node-version: 24
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+      - name: Typecheck
+        run: pnpm typecheck
+      - name: Build
+        run: pnpm build

.github/workflows/eslint.yml

@@ -0,0 +1,30 @@
+name: ESLint
+on:
+  pull_request:
+jobs:
+  eslint:
+    runs-on: self-hosted
+    strategy:
+      matrix:
+        project: [backend, frontend]
+    defaults:
+      run:
+        working-directory: ${{ matrix.project }}
+    steps:
+      - uses: actions/checkout@v5
+      - uses: pnpm/action-setup@v6
+        with:
+          package_json_file: ${{ matrix.project }}/package.json
+          cache: true
+          cache_dependency_path: ${{ matrix.project }}/pnpm-lock.yaml
+      - uses: actions/setup-node@v5
+        with:
+          node-version: 24
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+      # We need to generate React Router types for lint rules that use types
+      - name: Generate React Router types
+        if: matrix.project == 'frontend'
+        run: pnpm exec react-router typegen
+      - name: Lint with ESLint
+        run: pnpm lint

.github/workflows/frontend-test.yml

@@ -0,0 +1,23 @@
+name: Frontend Tests
+on:
+  pull_request:
+jobs:
+  test:
+    runs-on: self-hosted
+    defaults:
+      run:
+        working-directory: frontend
+    steps:
+      - uses: actions/checkout@v5
+      - uses: pnpm/action-setup@v6
+        with:
+          package_json_file: frontend/package.json
+          cache: true
+          cache_dependency_path: frontend/pnpm-lock.yaml
+      - uses: actions/setup-node@v5
+        with:
+          node-version: 24
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+      - name: Run tests
+        run: pnpm test

.github/workflows/prettier.yml

@@ -0,0 +1,26 @@
+name: Prettier
+on:
+  pull_request:
+jobs:
+  prettier:
+    runs-on: self-hosted
+    strategy:
+      matrix:
+        project: [backend, frontend]
+    defaults:
+      run:
+        working-directory: ${{ matrix.project }}
+    steps:
+      - uses: actions/checkout@v5
+      - uses: pnpm/action-setup@v6
+        with:
+          package_json_file: ${{ matrix.project }}/package.json
+          cache: true
+          cache_dependency_path: ${{ matrix.project }}/pnpm-lock.yaml
+      - uses: actions/setup-node@v5
+        with:
+          node-version: 24
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+      - name: Check formatting with Prettier
+        run: pnpm format:check

backend/package.json

@@ -5,14 +5,16 @@
   "type": "module",
   "engines": {
     "node": ">=24.6.0",
-    "pnpm": ">=12.4.2"
+    "pnpm": ">=12.8.1"
   },
   "description": "",
   "main": "dist/index.js",
   "scripts": {
     "typecheck": "tsc",
     "lint": "eslint .",
     "codegen": "graphql-codegen",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
     "dev": "pnpm codegen && tsx watch src/index.ts",
     "build": "esbuild src/index.ts --bundle --platform=node --format=esm --target=node24 --packages=external --outfile=dist/index.js",
     "start": "pnpm build && node dist/index.js",

frontend/app/routes/profile.tsx

@@ -151,7 +151,9 @@ export default function ProfilePage() {
               ))}
             </ul>
           ) : error || !books ? (
-            <p role="alert">Could not load your favorite books. Please try again later.</p>
+            <p role="alert">
+              Could not load your favorite books. Please try again later.
+            </p>
           ) : books.length === 0 ? (
             <p className="text-muted-foreground">
               You have no favorite books yet.{" "}

frontend/package.json

@@ -5,7 +5,7 @@
   "type": "module",
   "engines": {
     "node": ">=24.6.0",
-    "pnpm": ">=12.4.2"
+    "pnpm": ">=12.8.1"
   },
   "scripts": {
     "codegen": "graphql-codegen",
@@ -14,13 +14,23 @@
     "start": "react-router-serve ./build/server/index.js",
     "typecheck": "react-router typegen && tsc",
     "lint": "eslint .",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
     "preview": "vite preview",
     "test": "vitest run",
     "test:watch": "vitest",
     "e2e": "playwright test",
     "e2e:watch": "playwright test --watch",
     "e2e:ui": "playwright test --ui"
   },
+  "devEngines": {
+    "packageManager": {
+      "name": "pnpm",
+      "version": "12.8.1",
+      "onFail": "download"
+    }
+  },
+  "packageManager": "pnpm@12.8.1",
   "dependencies": {
     "@apollo/client": "^4.3.7",
     "@base-ui/react": "^1.9.0",