create-githat-app 1.7.0 → 1.8.0

package/templates/base/githat/dashboard/overview.tsx.hbs

@@ -1,6 +1,7 @@
 {{#unless includeDashboard}}{{else}}
 'use client';
 
+import Link from 'next/link';
 import { useAuth } from '@githat/nextjs';
 
 export function DashboardOverview() {
@@ -8,29 +9,118 @@ export function DashboardOverview() {
 
   return (
     <div>
-      <h1 style=\{{ fontSize: '1.5rem', fontWeight: 600, color: '#fafafa', marginBottom: '0.5rem' }}>
-        Welcome{user?.name ? `, ${user.name}` : ''}
-      </h1>
-      {org && (
-        <p style=\{{ color: '#a1a1aa', marginBottom: '2rem' }}>
-          Organization: <strong style=\{{ color: '#7c3aed' }}>{org.name}</strong> ({org.role})
-        </p>
-      )}
+      <div style=\{{ marginBottom: '2rem' }}>
+        <h1 style=\{{ fontSize: '1.5rem', fontWeight: 700, color: '#fafafa', marginBottom: '0.375rem' }}>
+          Welcome back{user?.name ? `, ${user.name}` : ''}
+        </h1>
+        {org && (
+          <p style=\{{ color: '#71717a', fontSize: '0.875rem' }}>
+            {org.name} · <span style=\{{ color: '#a1a1aa' }}>{org.role}</span>
+          </p>
+        )}
+      </div>
+
+      {/* Stats row */}
+      <div style=\{{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(14rem, 1fr))', gap: '1rem', marginBottom: '2.5rem' }}>
+        <StatCard label="Status"   value="Active"              sub="Account health" />
+        <StatCard label="Plan"     value={org?.tier ?? 'Free'} sub="Current tier" />
+        <StatCard label="Identity" value="GitHat"              sub="Auth provider" />
+        {{#if includeOrgManagement}}
+        <StatCard label="Members"  value={String(org?.memberCount ?? 1)} sub="Team size" />
+        {{/if}}
+      </div>
 
-      <div style=\{{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(16rem, 1fr))', gap: '1rem' }}>
-        <StatCard title="Status" value="Active" />
-        <StatCard title="Plan" value={org?.tier || 'Free'} />
-        <StatCard title="Identity" value="GitHat" />
+      {/* Quick actions */}
+      <div style=\{{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(20rem, 1fr))', gap: '1rem' }}>
+        {{#if includeOrgManagement}}
+        <ActionCard
+          title="Invite team members"
+          desc="Add your business partner, accountant, or employee to your org."
+          cta="Invite"
+          href="/dashboard/members"
+          accent="#6366f1"
+        />
+        <ActionCard
+          title="Organization settings"
+          desc="Update your org name, billing plan, and member permissions."
+          cta="Settings"
+          href="/dashboard/settings"
+          accent="#8b5cf6"
+        />
+        {{/if}}
+        {{#if includeMcpModule}}
+        <ActionCard
+          title="Connect an MCP server"
+          desc="Hook your data into any AI assistant via the Model Context Protocol."
+          cta="Connect"
+          href="/dashboard/mcp"
+          accent="#0ea5e9"
+        />
+        {{/if}}
+        {{#if includeAgentModule}}
+        <ActionCard
+          title="Deploy an AI agent"
+          desc="Register a wallet-bound autonomous agent with capability scoping and a kill switch."
+          cta="Deploy"
+          href="/dashboard/agents"
+          accent="#10b981"
+        />
+        {{/if}}
+        <ActionCard
+          title="Manage apps"
+          desc="View and rotate your publishable keys, configure allowed origins."
+          cta="View apps"
+          href="/dashboard/apps"
+          accent="#f59e0b"
+        />
       </div>
     </div>
   );
 }
 
-function StatCard({ title, value }{{#if typescript}}: { title: string; value: string }{{/if}}) {
+function StatCard({ label, value, sub }{{#if typescript}}: { label: string; value: string; sub: string }{{/if}}) {
+  return (
+    <div style=\{{
+      background: '#111113',
+      border: '1px solid #1e1e2e',
+      borderRadius: '0.75rem',
+      padding: '1.5rem',
+    }}>
+      <p style=\{{ fontSize: '0.8125rem', color: '#71717a', marginBottom: '0.375rem' }}>{label}</p>
+      <p style=\{{ fontSize: '1.5rem', fontWeight: 700, color: '#fafafa', marginBottom: '0.25rem' }}>{value}</p>
+      <p style=\{{ fontSize: '0.75rem', color: '#52525b' }}>{sub}</p>
+    </div>
+  );
+}
+
+function ActionCard({ title, desc, cta, href, accent }{{#if typescript}}: {
+  title: string; desc: string; cta: string; href: string; accent: string;
+}{{/if}}) {
   return (
-    <div style=\{{ padding: '1.5rem', background: '#111113', border: '1px solid #1e1e2e', borderRadius: '0.5rem' }}>
-      <p style=\{{ fontSize: '0.875rem', color: '#71717a', marginBottom: '0.25rem' }}>{title}</p>
-      <p style=\{{ fontSize: '1.25rem', fontWeight: 600, color: '#fafafa' }}>{value}</p>
+    <div style=\{{
+      background: '#111113',
+      border: '1px solid #1e1e2e',
+      borderRadius: '0.75rem',
+      padding: '1.5rem',
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '0.75rem',
+    }}>
+      <h3 style=\{{ fontSize: '0.9375rem', fontWeight: 600, color: '#fafafa' }}>{title}</h3>
+      <p style=\{{ fontSize: '0.875rem', color: '#71717a', lineHeight: 1.6, flex: 1 }}>{desc}</p>
+      <Link href={href} style=\{{
+        display: 'inline-block',
+        background: accent,
+        color: '#fff',
+        textDecoration: 'none',
+        padding: '0.5rem 1rem',
+        borderRadius: '0.375rem',
+        fontSize: '0.875rem',
+        fontWeight: 600,
+        alignSelf: 'flex-start',
+      }}>
+        {cta} →
+      </Link>
     </div>
   );
 }

package/templates/classroom/app/layout.tsx.hbs

@@ -19,7 +19,12 @@ export default function RootLayout({ children }{{#if typescript}}: { children: R
         */}
         <GitHatProvider config=\{{
           publishableKey: process.env.NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY || '',
-          apiUrl: '/api/githat',
+          apiUrl: 'https://api.githat.io',
+{{#if typescript}}
+          tokenStorage: 'localStorage' as const,
+{{else}}
+          tokenStorage: 'localStorage',
+{{/if}}
           signInUrl: '/sign-in',
           signUpUrl: '/sign-up',
           afterSignInUrl: '/',

package/templates/classroom/next.config.ts.hbs

@@ -1,9 +1,8 @@
-{{#if typescript}}import type { NextConfig } from 'next';
-{{/if}}import { withGitHat } from '@githat/nextjs/server';
+import { withGitHat } from '@githat/nextjs/server';
 
-{{#if typescript}}const nextConfig: NextConfig = {
-{{else}}const nextConfig = {
-{{/if}}  output: 'standalone',
+const nextConfig = {
+  output: 'export',
+  images: { unoptimized: true },
 };
 
 export default withGitHat(nextConfig);

package/templates/content/app/layout.tsx.hbs

@@ -19,7 +19,12 @@ export default function RootLayout({ children }{{#if typescript}}: { children: R
         */}
         <GitHatProvider config=\{{
           publishableKey: process.env.NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY || '',
-          apiUrl: '/api/githat',
+          apiUrl: 'https://api.githat.io',
+{{#if typescript}}
+          tokenStorage: 'localStorage' as const,
+{{else}}
+          tokenStorage: 'localStorage',
+{{/if}}
           signInUrl: '/sign-in',
           signUpUrl: '/sign-up',
           afterSignInUrl: '/',

package/templates/content/next.config.ts.hbs

@@ -1,9 +1,8 @@
-{{#if typescript}}import type { NextConfig } from 'next';
-{{/if}}import { withGitHat } from '@githat/nextjs/server';
+import { withGitHat } from '@githat/nextjs/server';
 
-{{#if typescript}}const nextConfig: NextConfig = {
-{{else}}const nextConfig = {
-{{/if}}  output: 'standalone',
+const nextConfig = {
+  output: 'export',
+  images: { unoptimized: true },
 };
 
 export default withGitHat(nextConfig);

package/templates/dashboard/app/admin/data/[entity]/page.tsx.hbs

@@ -6,8 +6,8 @@ import { listEntities } from '../../../../src/lib/db';
  *
  * Server component — runs `listEntities(entityName)` (which you
  * implement in src/lib/db.ts) and renders rows as a basic table.
- * Auth-gating is enforced by the middleware in proxy.ts; if you
- * need entity-level RBAC, check `verifyToken` claims here.
+ * Auth-gating happens client-side via `useAuth` in the static export;
+ * if you need entity-level RBAC, check `verifyToken` claims here.
  */
 export default async function EntityPage({
   params,

package/templates/dashboard/app/layout.tsx.hbs

@@ -19,7 +19,12 @@ export default function RootLayout({ children }{{#if typescript}}: { children: R
         */}
         <GitHatProvider config=\{{
           publishableKey: process.env.NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY || '',
-          apiUrl: '/api/githat',
+          apiUrl: 'https://api.githat.io',
+{{#if typescript}}
+          tokenStorage: 'localStorage' as const,
+{{else}}
+          tokenStorage: 'localStorage',
+{{/if}}
           signInUrl: '/sign-in',
           signUpUrl: '/sign-up',
           afterSignInUrl: '/',

package/templates/dashboard/next.config.ts.hbs

@@ -1,9 +1,8 @@
-{{#if typescript}}import type { NextConfig } from 'next';
-{{/if}}import { withGitHat } from '@githat/nextjs/server';
+import { withGitHat } from '@githat/nextjs/server';
 
-{{#if typescript}}const nextConfig: NextConfig = {
-{{else}}const nextConfig = {
-{{/if}}  output: 'standalone',
+const nextConfig = {
+  output: 'export',
+  images: { unoptimized: true },
 };
 
 export default withGitHat(nextConfig);

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

@@ -14,7 +14,12 @@ export default function RootLayout({ children }{{#if typescript}}: { children: R
       <body>
         <GitHatProvider config=\{{
           publishableKey: process.env.NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY || '',
-          apiUrl: '/api/githat',
+          apiUrl: 'https://api.githat.io',
+{{#if typescript}}
+          tokenStorage: 'localStorage' as const,
+{{else}}
+          tokenStorage: 'localStorage',
+{{/if}}
           signInUrl: '/sign-in',
           signUpUrl: '/sign-up',
           afterSignInUrl: '/dashboard',

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

@@ -1,9 +1,9 @@
-{{#if typescript}}import type { NextConfig } from 'next';
-{{/if}}import { withGitHat } from '@githat/nextjs/server';
+import { withGitHat } from '@githat/nextjs/server';
 
-{{#if typescript}}const nextConfig: NextConfig = {
-{{else}}const nextConfig = {
-{{/if}}  // Proxy API calls to the backend in development
+const nextConfig = {
+  output: 'export',
+  images: { unoptimized: true },
+  // Proxy API calls to the backend in development
   async rewrites() {
     return [
       {

package/templates/marketplace/app/layout.tsx.hbs

@@ -25,7 +25,12 @@ export default function RootLayout({ children }{{#if typescript}}: { children: R
       <body>
         <GitHatProvider config=\{{
           publishableKey: process.env.NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY || '',
-          apiUrl: '/api/githat',
+          apiUrl: 'https://api.githat.io',
+{{#if typescript}}
+          tokenStorage: 'localStorage' as const,
+{{else}}
+          tokenStorage: 'localStorage',
+{{/if}}
           signInUrl: '/sign-in',
           signUpUrl: '/sign-up',
           afterSignInUrl: '/',

package/templates/marketplace/next.config.ts.hbs

@@ -1,9 +1,8 @@
-{{#if typescript}}import type { NextConfig } from 'next';
-{{/if}}import { withGitHat } from '@githat/nextjs/server';
+import { withGitHat } from '@githat/nextjs/server';
 
-{{#if typescript}}const nextConfig: NextConfig = {
-{{else}}const nextConfig = {
-{{/if}}  output: 'standalone',
+const nextConfig = {
+  output: 'export',
+  images: { unoptimized: true },
 };
 
 export default withGitHat(nextConfig);

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

@@ -1,62 +1,10 @@
 {{#if includeForgotPassword}}
-'use client';
-
-import { useState } from 'react';
-{{#if includeGithatFolder}}
-import { authApi } from '../../../githat/api/auth{{#unless typescript}}.js{{/unless}}';
-{{/if}}
+import { ForgotPasswordForm } from '@githat/nextjs';
 
 export default function ForgotPasswordPage() {
-  const [email, setEmail] = useState('');
-  const [sent, setSent] = useState(false);
-  const [error, setError] = useState('');
-
-  const handleSubmit = async (e{{#if typescript}}: React.FormEvent{{/if}}) => {
-    e.preventDefault();
-    setError('');
-    try {
-{{#if includeGithatFolder}}
-      await authApi.forgotPassword(email);
-{{else}}
-      await fetch('{{apiUrl}}/auth/forgot-password', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ email }),
-      });
-{{/if}}
-      setSent(true);
-    } catch (err) {
-      setError('Something went wrong. Please try again.');
-    }
-  };
-
   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}}>
-      <div style=\{{ width: '100%', maxWidth: '24rem', padding: '2rem' }}>
-        <h1 style=\{{ fontSize: '1.5rem', fontWeight: 600, color: '#fafafa', marginBottom: '0.5rem' }}>Reset password</h1>
-        {sent ? (
-          <p style=\{{ color: '#a1a1aa' }}>Check your email for a reset link.</p>
-        ) : (
-          <form onSubmit={handleSubmit}>
-            <p style=\{{ color: '#a1a1aa', marginBottom: '1.5rem' }}>Enter your email to receive a reset link.</p>
-            {error && <p style=\{{ color: '#ef4444', marginBottom: '1rem', fontSize: '0.875rem' }}>{error}</p>}
-            <input
-              type="email"
-              value={email}
-              onChange={(e) => setEmail(e.target.value)}
-              placeholder="you@example.com"
-              required
-              style=\{{ width: '100%', padding: '0.625rem 0.75rem', background: '#111113', border: '1px solid #1e1e2e', borderRadius: '0.375rem', color: '#fafafa', marginBottom: '1rem', outline: 'none' }}
-            />
-            <button
-              type="submit"
-              style=\{{ width: '100%', padding: '0.625rem', background: '#7c3aed', color: '#fff', border: 'none', borderRadius: '0.375rem', fontWeight: 600, cursor: 'pointer' }}
-            >
-              Send reset link
-            </button>
-          </form>
-        )}
-      </div>
+      <ForgotPasswordForm signInUrl="/sign-in" />
     </main>
   );
 }

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

@@ -1,56 +1,21 @@
 {{#if includeForgotPassword}}
 'use client';
 
-import { Suspense, useState } from 'react';
-import { useSearchParams, useRouter } from 'next/navigation';
-{{#if includeGithatFolder}}
-import { authApi } from '../../../githat/api/auth{{#unless typescript}}.js{{/unless}}';
-{{/if}}
+import { Suspense } from 'react';
+import { useSearchParams } from 'next/navigation';
+import { ResetPasswordForm } from '@githat/nextjs';
 
 function ResetPasswordContent() {
   const searchParams = useSearchParams();
-  const router = useRouter();
   const token = searchParams.get('token');
 
-  const [password, setPassword] = useState('');
-  const [confirm, setConfirm] = useState('');
-  const [error, setError] = useState('');
-  const [loading, setLoading] = useState(false);
-
-  const handleSubmit = async (e{{#if typescript}}: React.FormEvent{{/if}}) => {
-    e.preventDefault();
-    if (password !== confirm) {
-      setError('Passwords do not match');
-      return;
-    }
-    setError('');
-    setLoading(true);
-    try {
-{{#if includeGithatFolder}}
-      await authApi.resetPassword(token!, password);
-{{else}}
-      const res = await fetch('{{apiUrl}}/auth/reset-password', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ token, password }),
-      });
-      if (!res.ok) throw new Error('Reset failed');
-{{/if}}
-      router.push('/sign-in?reset=success');
-    } catch (err) {
-      setError('Failed to reset password. The link may have expired.');
-    } finally {
-      setLoading(false);
-    }
-  };
-
   if (!token) {
     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}}>
-        <div style=\{{ textAlign: 'center' }}>
-          <h1 style=\{{ fontSize: '1.5rem', fontWeight: 600, color: '#fafafa', marginBottom: '0.5rem' }}>Invalid reset link</h1>
-          <p style=\{{ color: '#a1a1aa' }}>
-            <a href="/forgot-password" style=\{{ color: '#7c3aed' }}>Request a new one</a>
+        <div {{#if useTailwind}}className="text-center"{{else}}style=\{{ textAlign: 'center' }}{{/if}}>
+          <h1 {{#if useTailwind}}className="text-xl font-semibold text-white mb-2"{{else}}style=\{{ fontSize: '1.25rem', fontWeight: 600, color: '#fafafa', marginBottom: '0.5rem' }}{{/if}}>Invalid reset link</h1>
+          <p {{#if useTailwind}}className="text-zinc-400"{{else}}style=\{{ color: '#a1a1aa' }}{{/if}}>
+            <a href="/forgot-password" {{#if useTailwind}}className="text-violet-500 hover:underline"{{else}}style=\{{ color: '#7c3aed' }}{{/if}}>Request a new one</a>
           </p>
         </div>
       </main>
@@ -59,39 +24,7 @@ function ResetPasswordContent() {
 
   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}}>
-      <div style=\{{ width: '100%', maxWidth: '24rem', padding: '2rem' }}>
-        <h1 style=\{{ fontSize: '1.5rem', fontWeight: 600, color: '#fafafa', marginBottom: '0.5rem' }}>Reset password</h1>
-        <p style=\{{ color: '#a1a1aa', marginBottom: '1.5rem' }}>Enter your new password below.</p>
-        {error && <p style=\{{ color: '#ef4444', marginBottom: '1rem', fontSize: '0.875rem' }}>{error}</p>}
-        <form onSubmit={handleSubmit}>
-          <input
-            type="password"
-            value={password}
-            onChange={(e) => setPassword(e.target.value)}
-            placeholder="New password"
-            required
-            minLength={8}
-            disabled={loading}
-            style=\{{ width: '100%', padding: '0.625rem 0.75rem', background: '#111113', border: '1px solid #1e1e2e', borderRadius: '0.375rem', color: '#fafafa', marginBottom: '1rem', outline: 'none' }}
-          />
-          <input
-            type="password"
-            value={confirm}
-            onChange={(e) => setConfirm(e.target.value)}
-            placeholder="Confirm password"
-            required
-            disabled={loading}
-            style=\{{ width: '100%', padding: '0.625rem 0.75rem', background: '#111113', border: '1px solid #1e1e2e', borderRadius: '0.375rem', color: '#fafafa', marginBottom: '1rem', outline: 'none' }}
-          />
-          <button
-            type="submit"
-            disabled={loading}
-            style=\{{ width: '100%', padding: '0.625rem', background: '#7c3aed', color: '#fff', border: 'none', borderRadius: '0.375rem', fontWeight: 600, cursor: loading ? 'not-allowed' : 'pointer', opacity: loading ? 0.7 : 1 }}
-          >
-            {loading ? 'Resetting...' : 'Reset password'}
-          </button>
-        </form>
-      </div>
+      <ResetPasswordForm token={token} signInUrl="/sign-in" />
     </main>
   );
 }

package/templates/nextjs/app/layout.tsx.hbs

@@ -20,7 +20,12 @@ export default function RootLayout({ children }{{#if typescript}}: { children: R
           ...githatConfig,
 {{else}}
           publishableKey: process.env.NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY || '',
-          apiUrl: '/api/githat',
+          apiUrl: 'https://api.githat.io',
+{{#if typescript}}
+          tokenStorage: 'localStorage' as const,
+{{else}}
+          tokenStorage: 'localStorage',
+{{/if}}
           signInUrl: '/sign-in',
           signUpUrl: '/sign-up',
           afterSignInUrl: '/dashboard',

package/templates/nextjs/next.config.ts.hbs

@@ -1,9 +1,8 @@
-{{#if typescript}}import type { NextConfig } from 'next';
-{{/if}}import { withGitHat } from '@githat/nextjs/server';
+import { withGitHat } from '@githat/nextjs/server';
 
-{{#if typescript}}const nextConfig: NextConfig = {
-{{else}}const nextConfig = {
-{{/if}}  output: 'standalone',
+const nextConfig = {
+  output: 'export',
+  images: { unoptimized: true },
 };
 
 export default withGitHat(nextConfig);

package/templates/plain/app/layout.tsx.hbs

@@ -19,7 +19,12 @@ export default function RootLayout({ children }{{#if typescript}}: { children: R
         */}
         <GitHatProvider config=\{{
           publishableKey: process.env.NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY || '',
-          apiUrl: '/api/githat',
+          apiUrl: 'https://api.githat.io',
+{{#if typescript}}
+          tokenStorage: 'localStorage' as const,
+{{else}}
+          tokenStorage: 'localStorage',
+{{/if}}
           signInUrl: '/sign-in',
           signUpUrl: '/sign-up',
           afterSignInUrl: '/',

package/templates/plain/next.config.ts.hbs

@@ -1,9 +1,8 @@
-{{#if typescript}}import type { NextConfig } from 'next';
-{{/if}}import { withGitHat } from '@githat/nextjs/server';
+import { withGitHat } from '@githat/nextjs/server';
 
-{{#if typescript}}const nextConfig: NextConfig = {
-{{else}}const nextConfig = {
-{{/if}}  output: 'standalone',
+const nextConfig = {
+  output: 'export',
+  images: { unoptimized: true },
 };
 
 export default withGitHat(nextConfig);

package/templates/portfolio/app/layout.tsx.hbs

@@ -19,7 +19,12 @@ export default function RootLayout({ children }{{#if typescript}}: { children: R
         */}
         <GitHatProvider config=\{{
           publishableKey: process.env.NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY || '',
-          apiUrl: '/api/githat',
+          apiUrl: 'https://api.githat.io',
+{{#if typescript}}
+          tokenStorage: 'localStorage' as const,
+{{else}}
+          tokenStorage: 'localStorage',
+{{/if}}
           signInUrl: '/sign-in',
           signUpUrl: '/sign-up',
           afterSignInUrl: '/',

package/templates/portfolio/next.config.ts.hbs

@@ -1,9 +1,8 @@
-{{#if typescript}}import type { NextConfig } from 'next';
-{{/if}}import { withGitHat } from '@githat/nextjs/server';
+import { withGitHat } from '@githat/nextjs/server';
 
-{{#if typescript}}const nextConfig: NextConfig = {
-{{else}}const nextConfig = {
-{{/if}}  output: 'standalone',
+const nextConfig = {
+  output: 'export',
+  images: { unoptimized: true },
 };
 
 export default withGitHat(nextConfig);

package/templates/saas/app/layout.tsx.hbs

@@ -19,7 +19,12 @@ export default function RootLayout({ children }{{#if typescript}}: { children: R
         */}
         <GitHatProvider config=\{{
           publishableKey: process.env.NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY || '',
-          apiUrl: '/api/githat',
+          apiUrl: 'https://api.githat.io',
+{{#if typescript}}
+          tokenStorage: 'localStorage' as const,
+{{else}}
+          tokenStorage: 'localStorage',
+{{/if}}
           signInUrl: '/sign-in',
           signUpUrl: '/sign-up',
           afterSignInUrl: '/',

package/templates/saas/next.config.ts.hbs

@@ -1,9 +1,8 @@
-{{#if typescript}}import type { NextConfig } from 'next';
-{{/if}}import { withGitHat } from '@githat/nextjs/server';
+import { withGitHat } from '@githat/nextjs/server';
 
-{{#if typescript}}const nextConfig: NextConfig = {
-{{else}}const nextConfig = {
-{{/if}}  output: 'standalone',
+const nextConfig = {
+  output: 'export',
+  images: { unoptimized: true },
 };
 
 export default withGitHat(nextConfig);

package/templates/agent/app/api/githat/[...path]/route.ts.hbs

@@ -1,21 +0,0 @@
-/**
- * Same-origin GitHat API proxy.
- *
- * Forwards every request to api.githat.io and re-emits upstream Set-Cookie
- * headers on this app's domain. Without this bridge, the auth cookie set
- * by api.githat.io is invisible to the consumer's proxy.ts and getAuth(),
- * which produces a sign-in → app-page → "session expired" loop.
- *
- * The SDK is wired to this URL via `apiUrl: "/api/githat"` on
- * GitHatProvider, so every fetch becomes same-origin and cookies land
- * on this app's domain.
- *
- * Implementation lives in @githat/nextjs/server.githatApiProxy().
- */
-import { githatApiProxy } from "@githat/nextjs/server";
-
-export const { GET, POST, PUT, PATCH, DELETE, OPTIONS } = githatApiProxy();
-
-// Auth flows are stateful — never cache the proxied responses.
-export const dynamic = "force-dynamic";
-export const revalidate = 0;

package/templates/agent/proxy.ts.hbs

@@ -1,10 +0,0 @@
-import { authProxy } from '@githat/nextjs/proxy';
-
-export const proxy = authProxy({
-  publicRoutes: ['/', '/sign-in', '/sign-up'{{#if includeForgotPassword}}, '/forgot-password', '/reset-password'{{/if}}{{#if includeEmailVerification}}, '/verify-email'{{/if}}],
-  signInUrl: '/sign-in',
-});
-
-export const config = {
-  matcher: ['/((?!_next|api|.*\\..*).*)'],
-};