create-githat-app 1.0.2 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-githat-app",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "GitHat CLI — scaffold apps and manage the skills marketplace",
   "type": "module",
   "bin": {

package/templates/fullstack/apps-api-express/.env.example.hbs

@@ -0,0 +1,6 @@
+# GitHat Configuration
+GITHAT_PUBLISHABLE_KEY=pk_live_your_key_here
+
+# Server
+PORT=3001
+CORS_ORIGIN=http://localhost:3000

package/templates/fullstack/apps-api-express/.env.local.hbs

@@ -0,0 +1,6 @@
+# GitHat Configuration
+GITHAT_PUBLISHABLE_KEY={{#if publishableKey}}{{publishableKey}}{{else}}pk_live_your_key_here{{/if}}
+
+# Server
+PORT=3001
+CORS_ORIGIN=http://localhost:3000

package/templates/fullstack/apps-api-express/package.json.hbs

@@ -0,0 +1,24 @@
+{
+  "name": "@{{projectName}}/api",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "tsx watch src/index.ts",
+    "build": "tsc",
+    "start": "node dist/index.js",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@githat/nextjs": "^0.2.2",
+    "cors": "^2.8.5",
+    "express": "^5.0.0"
+  },
+  "devDependencies": {
+    "@types/cors": "^2.8.17",
+    "@types/express": "^5.0.0",
+    "@types/node": "^22.0.0",
+    "tsx": "^4.19.0",
+    "typescript": "^5.9.0"
+  }
+}

package/templates/fullstack/apps-api-express/src/index.ts.hbs

@@ -0,0 +1,41 @@
+import express from 'express';
+import cors from 'cors';
+import { healthRoutes } from './routes/health.js';
+import { userRoutes } from './routes/users.js';
+
+const app = express();
+
+// Middleware
+app.use(express.json());
+app.use(cors({
+  origin: process.env.CORS_ORIGIN || 'http://localhost:3000',
+  credentials: true,
+}));
+
+// Request logging
+app.use((req, res, next) => {
+  console.log(`${req.method} ${req.path}`);
+  next();
+});
+
+// Routes
+app.use('/health', healthRoutes);
+app.use('/users', userRoutes);
+
+// 404 handler
+app.use((req, res) => {
+  res.status(404).json({ error: 'Not found' });
+});
+
+// Error handler
+app.use((err: Error, req: express.Request, res: express.Response, next: express.NextFunction) => {
+  console.error(err);
+  res.status(500).json({ error: 'Internal server error' });
+});
+
+const port = Number(process.env.PORT) || 3001;
+app.listen(port, () => {
+  console.log(`🚀 API server running at http://localhost:${port}`);
+});
+
+export default app;

package/templates/fullstack/apps-api-express/src/routes/health.ts.hbs

@@ -0,0 +1,11 @@
+import { Router } from 'express';
+
+export const healthRoutes = Router();
+
+healthRoutes.get('/', (req, res) => {
+  res.json({
+    status: 'ok',
+    timestamp: new Date().toISOString(),
+    service: '{{projectName}}-api',
+  });
+});

package/templates/fullstack/apps-api-express/src/routes/users.ts.hbs

@@ -0,0 +1,43 @@
+import { Router } from 'express';
+
+export const userRoutes = Router();
+
+// Example protected route - verify GitHat tokens here
+userRoutes.get('/me', async (req, res) => {
+  // Get the Authorization header
+  const authHeader = req.headers.authorization;
+  if (!authHeader?.startsWith('Bearer ')) {
+    return res.status(401).json({ error: 'Unauthorized' });
+  }
+
+  const token = authHeader.slice(7);
+
+  // Verify the token with GitHat API
+  try {
+    const response = await fetch('{{apiUrl}}/auth/verify', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'X-Publishable-Key': process.env.GITHAT_PUBLISHABLE_KEY || '',
+      },
+      body: JSON.stringify({ token }),
+    });
+
+    if (!response.ok) {
+      return res.status(401).json({ error: 'Invalid token' });
+    }
+
+    const { user, org } = await response.json();
+    return res.json({ user, org });
+  } catch (error) {
+    console.error('Token verification failed:', error);
+    return res.status(500).json({ error: 'Authentication failed' });
+  }
+});
+
+// Example: Get user profile
+userRoutes.get('/:id', async (req, res) => {
+  const { id } = req.params;
+  // TODO: Implement user lookup
+  res.json({ id, message: 'User lookup not implemented' });
+});

package/templates/fullstack/apps-api-express/tsconfig.json.hbs

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "outDir": "dist",
+    "rootDir": "src",
+    "declaration": true,
+    "resolveJsonModule": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

package/templates/fullstack/apps-api-fastify/.env.example.hbs

@@ -0,0 +1,6 @@
+# GitHat Configuration
+GITHAT_PUBLISHABLE_KEY=pk_live_your_key_here
+
+# Server
+PORT=3001
+CORS_ORIGIN=http://localhost:3000

package/templates/fullstack/apps-api-fastify/.env.local.hbs

@@ -0,0 +1,6 @@
+# GitHat Configuration
+GITHAT_PUBLISHABLE_KEY={{#if publishableKey}}{{publishableKey}}{{else}}pk_live_your_key_here{{/if}}
+
+# Server
+PORT=3001
+CORS_ORIGIN=http://localhost:3000

package/templates/fullstack/apps-api-fastify/package.json.hbs

@@ -0,0 +1,22 @@
+{
+  "name": "@{{projectName}}/api",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "tsx watch src/index.ts",
+    "build": "tsc",
+    "start": "node dist/index.js",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@fastify/cors": "^10.0.0",
+    "@githat/nextjs": "^0.2.2",
+    "fastify": "^5.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "tsx": "^4.19.0",
+    "typescript": "^5.9.0"
+  }
+}

package/templates/fullstack/apps-api-fastify/src/index.ts.hbs

@@ -0,0 +1,28 @@
+import Fastify from 'fastify';
+import cors from '@fastify/cors';
+import { healthRoutes } from './routes/health.js';
+import { userRoutes } from './routes/users.js';
+
+const app = Fastify({ logger: true });
+
+// Middleware
+await app.register(cors, {
+  origin: process.env.CORS_ORIGIN || 'http://localhost:3000',
+  credentials: true,
+});
+
+// Routes
+await app.register(healthRoutes, { prefix: '/health' });
+await app.register(userRoutes, { prefix: '/users' });
+
+// Start server
+const port = Number(process.env.PORT) || 3001;
+try {
+  await app.listen({ port, host: '0.0.0.0' });
+  console.log(`🚀 API server running at http://localhost:${port}`);
+} catch (err) {
+  app.log.error(err);
+  process.exit(1);
+}
+
+export default app;

package/templates/fullstack/apps-api-fastify/src/routes/health.ts.hbs

@@ -0,0 +1,11 @@
+import type { FastifyPluginAsync } from 'fastify';
+
+export const healthRoutes: FastifyPluginAsync = async (app) => {
+  app.get('/', async () => {
+    return {
+      status: 'ok',
+      timestamp: new Date().toISOString(),
+      service: '{{projectName}}-api',
+    };
+  });
+};

package/templates/fullstack/apps-api-fastify/src/routes/users.ts.hbs

@@ -0,0 +1,43 @@
+import type { FastifyPluginAsync } from 'fastify';
+
+export const userRoutes: FastifyPluginAsync = async (app) => {
+  // Example protected route - verify GitHat tokens here
+  app.get('/me', async (request, reply) => {
+    // Get the Authorization header
+    const authHeader = request.headers.authorization;
+    if (!authHeader?.startsWith('Bearer ')) {
+      return reply.status(401).send({ error: 'Unauthorized' });
+    }
+
+    const token = authHeader.slice(7);
+
+    // Verify the token with GitHat API
+    try {
+      const response = await fetch('{{apiUrl}}/auth/verify', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          'X-Publishable-Key': process.env.GITHAT_PUBLISHABLE_KEY || '',
+        },
+        body: JSON.stringify({ token }),
+      });
+
+      if (!response.ok) {
+        return reply.status(401).send({ error: 'Invalid token' });
+      }
+
+      const { user, org } = await response.json();
+      return { user, org };
+    } catch (error) {
+      app.log.error('Token verification failed:', error);
+      return reply.status(500).send({ error: 'Authentication failed' });
+    }
+  });
+
+  // Example: Get user profile
+  app.get<{ Params: { id: string } }>('/:id', async (request) => {
+    const { id } = request.params;
+    // TODO: Implement user lookup
+    return { id, message: 'User lookup not implemented' };
+  });
+};

package/templates/fullstack/apps-api-fastify/tsconfig.json.hbs

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "outDir": "dist",
+    "rootDir": "src",
+    "declaration": true,
+    "resolveJsonModule": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

package/templates/fullstack/apps-api-hono/.env.example.hbs

@@ -0,0 +1,6 @@
+# GitHat Configuration
+GITHAT_PUBLISHABLE_KEY=pk_live_your_key_here
+
+# Server
+PORT=3001
+CORS_ORIGIN=http://localhost:3000

package/templates/fullstack/apps-api-hono/.env.local.hbs

@@ -0,0 +1,6 @@
+# GitHat Configuration
+GITHAT_PUBLISHABLE_KEY={{#if publishableKey}}{{publishableKey}}{{else}}pk_live_your_key_here{{/if}}
+
+# Server
+PORT=3001
+CORS_ORIGIN=http://localhost:3000

package/templates/fullstack/apps-api-hono/package.json.hbs

@@ -0,0 +1,22 @@
+{
+  "name": "@{{projectName}}/api",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "tsx watch src/index.ts",
+    "build": "tsc",
+    "start": "node dist/index.js",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@githat/nextjs": "^0.2.2",
+    "@hono/node-server": "^1.13.0",
+    "hono": "^4.6.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "tsx": "^4.19.0",
+    "typescript": "^5.9.0"
+  }
+}

package/templates/fullstack/apps-api-hono/src/index.ts.hbs

@@ -0,0 +1,35 @@
+import { serve } from '@hono/node-server';
+import { Hono } from 'hono';
+import { cors } from 'hono/cors';
+import { logger } from 'hono/logger';
+import { healthRoutes } from './routes/health.js';
+import { userRoutes } from './routes/users.js';
+
+const app = new Hono();
+
+// Middleware
+app.use('*', logger());
+app.use('*', cors({
+  origin: process.env.CORS_ORIGIN || 'http://localhost:3000',
+  credentials: true,
+}));
+
+// Routes
+app.route('/health', healthRoutes);
+app.route('/users', userRoutes);
+
+// 404 handler
+app.notFound((c) => c.json({ error: 'Not found' }, 404));
+
+// Error handler
+app.onError((err, c) => {
+  console.error(err);
+  return c.json({ error: 'Internal server error' }, 500);
+});
+
+const port = Number(process.env.PORT) || 3001;
+console.log(`🚀 API server running at http://localhost:${port}`);
+
+serve({ fetch: app.fetch, port });
+
+export default app;

package/templates/fullstack/apps-api-hono/src/routes/health.ts.hbs

@@ -0,0 +1,11 @@
+import { Hono } from 'hono';
+
+export const healthRoutes = new Hono();
+
+healthRoutes.get('/', (c) => {
+  return c.json({
+    status: 'ok',
+    timestamp: new Date().toISOString(),
+    service: '{{projectName}}-api',
+  });
+});

package/templates/fullstack/apps-api-hono/src/routes/users.ts.hbs

@@ -0,0 +1,43 @@
+import { Hono } from 'hono';
+
+// Example protected route - verify GitHat tokens here
+export const userRoutes = new Hono();
+
+userRoutes.get('/me', async (c) => {
+  // Get the Authorization header
+  const authHeader = c.req.header('Authorization');
+  if (!authHeader?.startsWith('Bearer ')) {
+    return c.json({ error: 'Unauthorized' }, 401);
+  }
+
+  const token = authHeader.slice(7);
+
+  // Verify the token with GitHat API
+  try {
+    const response = await fetch('{{apiUrl}}/auth/verify', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'X-Publishable-Key': process.env.GITHAT_PUBLISHABLE_KEY || '',
+      },
+      body: JSON.stringify({ token }),
+    });
+
+    if (!response.ok) {
+      return c.json({ error: 'Invalid token' }, 401);
+    }
+
+    const { user, org } = await response.json();
+    return c.json({ user, org });
+  } catch (error) {
+    console.error('Token verification failed:', error);
+    return c.json({ error: 'Authentication failed' }, 500);
+  }
+});
+
+// Example: Get user profile
+userRoutes.get('/:id', async (c) => {
+  const id = c.req.param('id');
+  // TODO: Implement user lookup
+  return c.json({ id, message: 'User lookup not implemented' });
+});

package/templates/fullstack/apps-api-hono/tsconfig.json.hbs

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "outDir": "dist",
+    "rootDir": "src",
+    "declaration": true,
+    "resolveJsonModule": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

package/templates/fullstack/apps-web-nextjs/.env.example.hbs

@@ -0,0 +1,5 @@
+# GitHat Configuration
+NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY=pk_live_your_key_here
+
+# API URL
+NEXT_PUBLIC_API_URL=http://localhost:3001

package/templates/fullstack/apps-web-nextjs/.env.local.hbs

@@ -0,0 +1,5 @@
+# GitHat Configuration
+NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY={{#if publishableKey}}{{publishableKey}}{{else}}pk_live_your_key_here{{/if}}
+
+# API URL (points to the api app)
+NEXT_PUBLIC_API_URL=http://localhost:3001

package/templates/fullstack/apps-web-nextjs/app/(auth)/forgot-password/page.tsx.hbs

@@ -0,0 +1,11 @@
+{{#if includeForgotPassword}}
+import { ForgotPasswordForm } from '@githat/nextjs';
+
+export default function ForgotPasswordPage() {
+  return (
+    <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>
+      <ForgotPasswordForm signInUrl="/sign-in" />
+    </main>
+  );
+}
+{{/if}}

package/templates/fullstack/apps-web-nextjs/app/(auth)/reset-password/page.tsx.hbs

@@ -0,0 +1,11 @@
+{{#if includeForgotPassword}}
+import { ResetPasswordForm } from '@githat/nextjs';
+
+export default function ResetPasswordPage() {
+  return (
+    <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>
+      <ResetPasswordForm signInUrl="/sign-in" />
+    </main>
+  );
+}
+{{/if}}

package/templates/fullstack/apps-web-nextjs/app/(auth)/sign-in/page.tsx.hbs

@@ -0,0 +1,9 @@
+import { SignInForm } from '@githat/nextjs';
+
+export default function SignInPage() {
+  return (
+    <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>
+      <SignInForm signUpUrl="/sign-up" {{#if includeForgotPassword}}forgotPasswordUrl="/forgot-password"{{/if}} />
+    </main>
+  );
+}

package/templates/fullstack/apps-web-nextjs/app/(auth)/sign-up/page.tsx.hbs

@@ -0,0 +1,9 @@
+import { SignUpForm } from '@githat/nextjs';
+
+export default function SignUpPage() {
+  return (
+    <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>
+      <SignUpForm signInUrl="/sign-in" />
+    </main>
+  );
+}

package/templates/fullstack/apps-web-nextjs/app/(auth)/verify-email/page.tsx.hbs

@@ -0,0 +1,11 @@
+{{#if includeEmailVerification}}
+import { VerifyEmailStatus } from '@githat/nextjs';
+
+export default function VerifyEmailPage() {
+  return (
+    <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>
+      <VerifyEmailStatus afterVerifyUrl="/dashboard" />
+    </main>
+  );
+}
+{{/if}}

package/templates/fullstack/apps-web-nextjs/app/dashboard/layout.tsx.hbs

@@ -0,0 +1,9 @@
+{{#if includeDashboard}}
+import { withAuth } from '@githat/nextjs/server';
+
+async function DashboardLayout({ children }{{#if typescript}}: { children: React.ReactNode }{{/if}}) {
+  return <>{children}</>;
+}
+
+export default withAuth(DashboardLayout);
+{{/if}}

package/templates/fullstack/apps-web-nextjs/app/dashboard/page.tsx.hbs

@@ -0,0 +1,27 @@
+{{#if includeDashboard}}
+'use client';
+import { useGitHat, UserButton } from '@githat/nextjs';
+
+export default function DashboardPage() {
+  const { user, org } = useGitHat();
+
+  return (
+    <div {{#if useTailwind}}className="p-8"{{else}}style=\{{ padding: '2rem' }}{{/if}}>
+      <div {{#if useTailwind}}className="flex justify-between items-center mb-8"{{else}}style=\{{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '2rem' }}{{/if}}>
+        <h1 {{#if useTailwind}}className="text-2xl font-bold"{{else}}style=\{{ fontSize: '1.5rem', fontWeight: 700 }}{{/if}}>Dashboard</h1>
+        <UserButton />
+      </div>
+      <div {{#if useTailwind}}className="grid gap-4 md:grid-cols-2"{{else}}style=\{{ display: 'grid', gap: '1rem' }}{{/if}}>
+        <div {{#if useTailwind}}className="p-4 rounded-lg border border-zinc-800 bg-zinc-900"{{else}}style=\{{ padding: '1rem', borderRadius: '0.5rem', border: '1px solid #27272a', background: '#18181b' }}{{/if}}>
+          <h2 {{#if useTailwind}}className="font-semibold mb-2"{{else}}style=\{{ fontWeight: 600, marginBottom: '0.5rem' }}{{/if}}>User</h2>
+          <p {{#if useTailwind}}className="text-zinc-400"{{else}}style=\{{ color: '#a1a1aa' }}{{/if}}>{user?.email}</p>
+        </div>
+        <div {{#if useTailwind}}className="p-4 rounded-lg border border-zinc-800 bg-zinc-900"{{else}}style=\{{ padding: '1rem', borderRadius: '0.5rem', border: '1px solid #27272a', background: '#18181b' }}{{/if}}>
+          <h2 {{#if useTailwind}}className="font-semibold mb-2"{{else}}style=\{{ fontWeight: 600, marginBottom: '0.5rem' }}{{/if}}>Organization</h2>
+          <p {{#if useTailwind}}className="text-zinc-400"{{else}}style=\{{ color: '#a1a1aa' }}{{/if}}>{org?.name || 'Personal'}</p>
+        </div>
+      </div>
+    </div>
+  );
+}
+{{/if}}

package/templates/fullstack/apps-web-nextjs/app/globals.css.hbs

@@ -0,0 +1,20 @@
+{{#if useTailwind}}
+@import "tailwindcss";
+{{/if}}
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  background: #09090b;
+  color: #fafafa;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}

package/templates/fullstack/apps-web-nextjs/app/layout.tsx.hbs

@@ -0,0 +1,26 @@
+import { GitHatProvider } from '@githat/nextjs';
+import '@githat/nextjs/styles';
+import './globals.css';
+
+export const metadata = {
+  title: '{{businessName}}',
+  description: '{{description}}',
+};
+
+export default function RootLayout({ children }{{#if typescript}}: { children: React.ReactNode }{{/if}}) {
+  return (
+    <html lang="en">
+      <body>
+        <GitHatProvider config=\{{
+          publishableKey: process.env.NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY || '',
+          signInUrl: '/sign-in',
+          signUpUrl: '/sign-up',
+          afterSignInUrl: '/dashboard',
+          afterSignOutUrl: '/',
+        }}>
+          {children}
+        </GitHatProvider>
+      </body>
+    </html>
+  );
+}

package/templates/fullstack/apps-web-nextjs/app/page.tsx.hbs

@@ -0,0 +1,18 @@
+import { SignInButton, SignUpButton } from '@githat/nextjs';
+
+export default function Home() {
+  return (
+    <main {{#if useTailwind}}className="flex flex-col items-center justify-center min-h-screen gap-6 bg-[#09090b] text-[#fafafa]"{{else}}style=\{{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', gap: '1.5rem', background: '#09090b', color: '#fafafa' }}{{/if}}>
+      <h1 {{#if useTailwind}}className="text-4xl font-bold"{{else}}style=\{{ fontSize: '2.5rem', fontWeight: 700 }}{{/if}}>
+        Welcome to {{businessName}}
+      </h1>
+      <p {{#if useTailwind}}className="text-zinc-400 max-w-lg text-center"{{else}}style=\{{ color: '#a1a1aa', maxWidth: '32rem', textAlign: 'center' }}{{/if}}>
+        {{description}}
+      </p>
+      <div {{#if useTailwind}}className="flex gap-4"{{else}}style=\{{ display: 'flex', gap: '1rem' }}{{/if}}>
+        <SignInButton />
+        <SignUpButton />
+      </div>
+    </main>
+  );
+}

package/templates/fullstack/apps-web-nextjs/next.config.ts.hbs

@@ -0,0 +1,15 @@
+import type { NextConfig } from 'next';
+
+const nextConfig: NextConfig = {
+  // Proxy API calls to the backend in development
+  async rewrites() {
+    return [
+      {
+        source: '/api/:path*',
+        destination: `${process.env.NEXT_PUBLIC_API_URL || 'http://localhost:3001'}/:path*`,
+      },
+    ];
+  },
+};
+
+export default nextConfig;