create-githat-app 1.7.0 → 1.8.1

package/templates/classroom/app/projects/[id]/present/page.tsx.hbs

@@ -1,113 +1,20 @@
-'use client';
-
-import { use, useEffect, useState } from 'react';
+import PresenterContent from './presenter-content{{#unless typescript}}.jsx{{/unless}}';
 
 /**
  * Presenter view — `/projects/[id]/present`.
  *
- * The student opens this on their second screen (or a phone next
- * to the laptop) and presents. As the audience submits feedback
- * via /projects/[id]/feedback, responses fade in here in real
- * time — newest first, color-coded by the scale rating.
- *
- * Real implementations:
- *  - Replace the mock interval with a polling fetch (every 3-5s)
- *    against your backend, OR a websocket / SSE stream.
- *  - Persist responses to your DB so the project can reiterate
- *    over multiple cohorts.
+ * generateStaticParams tells Next.js which ids to pre-render at build
+ * time (required for `output: "export"`). PresenterContent is a client
+ * component that renders the live feedback view with polling.
  */
 
-interface FeedbackEntry {
-  id: string;
-  oneThing: string;
-  stuck: string;
-  scale: number;
-  receivedAt: number;
-}
-
-const MOCK_FEEDBACK: FeedbackEntry[] = [
-  { id: 'a', oneThing: 'The slide on supply chain bottlenecks', stuck: 'How do you measure trust at scale?', scale: 9, receivedAt: Date.now() - 60_000 },
-  { id: 'b', oneThing: 'Loved the bilingual UX argument',       stuck: 'What about Mexican misceláneas?',     scale: 8, receivedAt: Date.now() - 120_000 },
-];
-
-export default function PresenterPage({ params }: { params: Promise<{ id: string }> }) {
-  const { id } = use(params);
-  const [feedback, setFeedback] = useState<FeedbackEntry[]>(MOCK_FEEDBACK);
+const SAMPLE_PROJECT_IDS = ['sustainable-bodega', 'after-school-tutor', 'community-fridge'];
 
-  // Simulated incoming feedback. Replace with a real fetch poll or
-  // websocket subscription. The shape is the same.
-  useEffect(() => {
-    const t = setInterval(() => {
-      // setFeedback((prev) => [{ ...newOne, id: crypto.randomUUID() }, ...prev]);
-    }, 5000);
-    return () => clearInterval(t);
-  }, []);
-
-  const audienceUrl = typeof window !== 'undefined'
-    ? `${window.location.origin}/projects/${id}/feedback`
-    : `/projects/${id}/feedback`;
-
-  return (
-    <div style=\{{ background: 'var(--bg)', color: 'var(--fg)', minHeight: '100vh', padding: 'var(--space-6) var(--space-4)' }}>
-      <div style=\{{ maxWidth: '64rem', margin: '0 auto' }}>
-        <header style=\{{
-          padding: 'var(--space-5)',
-          borderRadius: 'var(--radius-md, 0.5rem)',
-          background: 'var(--surface-sub)',
-          marginBottom: 'var(--space-6)',
-          textAlign: 'center',
-        }}>
-          <p style=\{{ color: 'var(--fg-muted)', fontSize: '0.875rem', marginBottom: 'var(--space-2)' }}>
-            Audience submits feedback at:
-          </p>
-          <code style=\{{
-            fontSize: '1.25rem',
-            fontFamily: 'var(--font-mono, monospace)',
-            color: 'var(--primary)',
-            wordBreak: 'break-all',
-          }}>
-            {audienceUrl}
-          </code>
-        </header>
-
-        <h1 style=\{{ fontFamily: 'var(--font-wordmark)', fontSize: '1.75rem', marginBottom: 'var(--space-4)' }}>
-          Live feedback ({feedback.length})
-        </h1>
+export function generateStaticParams() {
+  return SAMPLE_PROJECT_IDS.map((id) => ({ id }));
+}
 
-        <ul style=\{{ listStyle: 'none', padding: 0, margin: 0, display: 'flex', flexDirection: 'column', gap: 'var(--space-3)' }}>
-          {feedback.map((f) => (
-            <li key={f.id} style=\{{
-              padding: 'var(--space-5)',
-              borderRadius: 'var(--radius-md, 0.5rem)',
-              border: `2px solid ${f.scale >= 8 ? 'var(--success)' : f.scale >= 5 ? 'var(--info)' : 'var(--warn)'}`,
-              background: 'var(--surface)',
-            }}>
-              <div style=\{{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', gap: 'var(--space-3)', marginBottom: 'var(--space-2)' }}>
-                <div style=\{{ flex: 1 }}>
-                  <div style=\{{ fontSize: '0.75rem', color: 'var(--fg-muted)', marginBottom: 'var(--space-1)' }}>What landed</div>
-                  <div style=\{{ fontWeight: 600 }}>{f.oneThing}</div>
-                </div>
-                <div style=\{{
-                  padding: 'var(--space-1) var(--space-3)',
-                  borderRadius: 'var(--radius-full, 9999px)',
-                  background: f.scale >= 8 ? 'var(--success)' : f.scale >= 5 ? 'var(--info)' : 'var(--warn)',
-                  color: 'var(--bg)',
-                  fontSize: '0.75rem',
-                  fontWeight: 700,
-                }}>
-                  {f.scale}/10
-                </div>
-              </div>
-              {f.stuck && (
-                <div style=\{{ marginTop: 'var(--space-3)', paddingTop: 'var(--space-3)', borderTop: '1px solid var(--border)' }}>
-                  <div style=\{{ fontSize: '0.75rem', color: 'var(--fg-muted)', marginBottom: 'var(--space-1)' }}>Wants more on</div>
-                  <div style=\{{ fontSize: '0.9375rem', color: 'var(--fg)' }}>{f.stuck}</div>
-                </div>
-              )}
-            </li>
-          ))}
-        </ul>
-      </div>
-    </div>
-  );
+export default async function PresentPage({ params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params;
+  return <PresenterContent id={id} />;
 }

package/templates/classroom/app/projects/[id]/present/presenter-content.tsx.hbs

@@ -0,0 +1,118 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+
+{{#if typescript}}
+interface FeedbackEntry {
+  id: string;
+  oneThing: string;
+  stuck: string;
+  scale: number;
+  receivedAt: number;
+}
+
+interface PresenterContentProps {
+  id: string;
+}
+{{/if}}
+
+/**
+ * Presenter view — `/projects/[id]/present`.
+ *
+ * The student opens this on their second screen (or a phone next
+ * to the laptop) and presents. As the audience submits feedback
+ * via /projects/[id]/feedback, responses fade in here in real
+ * time — newest first, color-coded by the scale rating.
+ *
+ * Real implementations:
+ *  - Replace the mock interval with a polling fetch (every 3-5s)
+ *    against your backend, OR a websocket / SSE stream.
+ *  - Persist responses to your DB so the project can reiterate
+ *    over multiple cohorts.
+ */
+
+const MOCK_FEEDBACK{{#if typescript}}: FeedbackEntry[]{{/if}} = [
+  { id: 'a', oneThing: 'The slide on supply chain bottlenecks', stuck: 'How do you measure trust at scale?', scale: 9, receivedAt: Date.now() - 60_000 },
+  { id: 'b', oneThing: 'Loved the bilingual UX argument',       stuck: 'What about Mexican misceláneas?',     scale: 8, receivedAt: Date.now() - 120_000 },
+];
+
+export default function PresenterContent({ id }{{#if typescript}}: PresenterContentProps{{/if}}) {
+  const [feedback, setFeedback] = useState{{#if typescript}}<FeedbackEntry[]>{{/if}}(MOCK_FEEDBACK);
+
+  // Simulated incoming feedback. Replace with a real fetch poll or
+  // websocket subscription. The shape is the same.
+  useEffect(() => {
+    const t = setInterval(() => {
+      // setFeedback((prev) => [{ ...newOne, id: crypto.randomUUID() }, ...prev]);
+    }, 5000);
+    return () => clearInterval(t);
+  }, []);
+
+  const audienceUrl = typeof window !== 'undefined'
+    ? `${window.location.origin}/projects/${id}/feedback`
+    : `/projects/${id}/feedback`;
+
+  return (
+    <div style=\{{ background: 'var(--bg)', color: 'var(--fg)', minHeight: '100vh', padding: 'var(--space-6) var(--space-4)' }}>
+      <div style=\{{ maxWidth: '64rem', margin: '0 auto' }}>
+        <header style=\{{
+          padding: 'var(--space-5)',
+          borderRadius: 'var(--radius-md, 0.5rem)',
+          background: 'var(--surface-sub)',
+          marginBottom: 'var(--space-6)',
+          textAlign: 'center',
+        }}>
+          <p style=\{{ color: 'var(--fg-muted)', fontSize: '0.875rem', marginBottom: 'var(--space-2)' }}>
+            Audience submits feedback at:
+          </p>
+          <code style=\{{
+            fontSize: '1.25rem',
+            fontFamily: 'var(--font-mono, monospace)',
+            color: 'var(--primary)',
+            wordBreak: 'break-all',
+          }}>
+            {audienceUrl}
+          </code>
+        </header>
+
+        <h1 style=\{{ fontFamily: 'var(--font-wordmark)', fontSize: '1.75rem', marginBottom: 'var(--space-4)' }}>
+          Live feedback ({feedback.length})
+        </h1>
+
+        <ul style=\{{ listStyle: 'none', padding: 0, margin: 0, display: 'flex', flexDirection: 'column', gap: 'var(--space-3)' }}>
+          {feedback.map((f) => (
+            <li key={f.id} style=\{{
+              padding: 'var(--space-5)',
+              borderRadius: 'var(--radius-md, 0.5rem)',
+              border: `2px solid ${f.scale >= 8 ? 'var(--success)' : f.scale >= 5 ? 'var(--info)' : 'var(--warn)'}`,
+              background: 'var(--surface)',
+            }}>
+              <div style=\{{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', gap: 'var(--space-3)', marginBottom: 'var(--space-2)' }}>
+                <div style=\{{ flex: 1 }}>
+                  <div style=\{{ fontSize: '0.75rem', color: 'var(--fg-muted)', marginBottom: 'var(--space-1)' }}>What landed</div>
+                  <div style=\{{ fontWeight: 600 }}>{f.oneThing}</div>
+                </div>
+                <div style=\{{
+                  padding: 'var(--space-1) var(--space-3)',
+                  borderRadius: 'var(--radius-full, 9999px)',
+                  background: f.scale >= 8 ? 'var(--success)' : f.scale >= 5 ? 'var(--info)' : 'var(--warn)',
+                  color: 'var(--bg)',
+                  fontSize: '0.75rem',
+                  fontWeight: 700,
+                }}>
+                  {f.scale}/10
+                </div>
+              </div>
+              {f.stuck && (
+                <div style=\{{ marginTop: 'var(--space-3)', paddingTop: 'var(--space-3)', borderTop: '1px solid var(--border)' }}>
+                  <div style=\{{ fontSize: '0.75rem', color: 'var(--fg-muted)', marginBottom: 'var(--space-1)' }}>Wants more on</div>
+                  <div style=\{{ fontSize: '0.9375rem', color: 'var(--fg)' }}>{f.stuck}</div>
+                </div>
+              )}
+            </li>
+          ))}
+        </ul>
+      </div>
+    </div>
+  );
+}

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/app/posts/[slug]/page.tsx.hbs

@@ -1,19 +1,11 @@
-'use client';
-
-import { use } from 'react';
-import Link from 'next/link';
-import { useAuth } from '@githat/nextjs';
+import PostContent from './post-content{{#unless typescript}}.jsx{{/unless}}';
 
 /**
  * Post viewer with paywall.
  *
- * Three states a reader can be in:
- *  1. Post is free → show full content
- *  2. Post is gated + reader is signed in + has active subscription → show full
- *  3. Post is gated + reader is anonymous OR not subscribed → show preview + CTA
- *
- * Subscription check is stubbed (`hasActiveSubscription` always
- * false). Wire to your backend that watches Sebastn webhooks.
+ * generateStaticParams tells Next.js which slugs to pre-render at
+ * build time (required for `output: "export"`). PostContent is a
+ * client component that handles the auth-gated paywall at runtime.
  */
 
 const SAMPLE_POSTS: Record<string, { title: string; gated: boolean; body: string }> = {
@@ -40,80 +32,12 @@ const SAMPLE_POSTS: Record<string, { title: string; gated: boolean; body: string
   },
 };
 
-export default function PostPage({ params }: { params: Promise<{ slug: string }> }) {
-  const { slug } = use(params);
-  const post = SAMPLE_POSTS[slug];
-  const { isSignedIn } = useAuth();
-
-  // Stub: real apps fetch the user's subscription state from your
-  // backend (which watches Sebastn webhooks for the source of truth).
-  const hasActiveSubscription = false;
-
-  if (!post) {
-    return (
-      <div style=\{{ padding: 'var(--space-12)', textAlign: 'center' }}>
-        <p>Post not found.</p>
-        <Link href="/" style=\{{ color: 'var(--primary)' }}>← Home</Link>
-      </div>
-    );
-  }
-
-  const showPaywall = post.gated && (!isSignedIn || !hasActiveSubscription);
-
-  return (
-    <article style=\{{ maxWidth: '40rem', margin: '0 auto', padding: 'var(--space-8) var(--space-4)' }}>
-      <Link href="/" style=\{{ color: 'var(--fg-muted)', fontSize: '0.875rem', display: 'inline-block', marginBottom: 'var(--space-4)' }}>
-        ← All posts
-      </Link>
-      <h1 style=\{{ fontFamily: 'var(--font-wordmark)', fontSize: '2.25rem', lineHeight: 1.2, marginBottom: 'var(--space-4)' }}>
-        {post.title}
-      </h1>
-
-      <div style=\{{ color: 'var(--fg)', lineHeight: 1.8, fontSize: '1.0625rem' }}>
-        {showPaywall ? (
-          <>
-            <p style=\{{ marginBottom: 'var(--space-4)' }}>{post.body.slice(0, 200)}…</p>
-            <Paywall />
-          </>
-        ) : (
-          <p>{post.body}</p>
-        )}
-      </div>
-    </article>
-  );
+export function generateStaticParams() {
+  return Object.keys(SAMPLE_POSTS).map((slug) => ({ slug }));
 }
 
-function Paywall() {
-  return (
-    <div style=\{{
-      marginTop: 'var(--space-8)',
-      padding: 'var(--space-6)',
-      borderRadius: 'var(--radius-md, 0.5rem)',
-      border: '2px solid var(--accent)',
-      background: 'var(--surface-sub)',
-      textAlign: 'center',
-    }}>
-      <h3 style=\{{ fontFamily: 'var(--font-wordmark)', marginBottom: 'var(--space-2)' }}>
-        This post is for subscribers
-      </h3>
-      <p style=\{{ color: 'var(--fg-muted)', marginBottom: 'var(--space-4)' }}>
-        Get access to every paid essay, plus the newsletter.
-      </p>
-      <button
-        onClick={() => { /* TODO: open Sebastn checkout */ }}
-        style=\{{
-          padding: 'var(--space-3) var(--space-6)',
-          borderRadius: 'var(--radius-md, 0.5rem)',
-          border: 'none',
-          background: 'var(--primary)',
-          color: 'var(--bg)',
-          fontWeight: 600,
-          fontSize: '1rem',
-          cursor: 'pointer',
-        }}
-      >
-        Subscribe — $5/mo
-      </button>
-    </div>
-  );
+export default async function PostPage({ params }: { params: Promise<{ slug: string }> }) {
+  const { slug } = await params;
+  const post = SAMPLE_POSTS[slug] ?? null;
+  return <PostContent slug={slug} post={post} />;
 }

package/templates/content/app/posts/[slug]/post-content.tsx.hbs

@@ -0,0 +1,93 @@
+'use client';
+
+import Link from 'next/link';
+import { useAuth } from '@githat/nextjs';
+
+{{#if typescript}}
+interface Post {
+  title: string;
+  gated: boolean;
+  body: string;
+}
+
+interface PostContentProps {
+  slug: string;
+  post: Post | null;
+}
+{{/if}}
+
+export default function PostContent({ slug, post }{{#if typescript}}: PostContentProps{{/if}}) {
+  const { isSignedIn } = useAuth();
+
+  // Stub: real apps fetch the user's subscription state from your
+  // backend (which watches Sebastn webhooks for the source of truth).
+  const hasActiveSubscription = false;
+
+  if (!post) {
+    return (
+      <div style=\{{ padding: 'var(--space-12)', textAlign: 'center' }}>
+        <p>Post not found.</p>
+        <Link href="/" style=\{{ color: 'var(--primary)' }}>← Home</Link>
+      </div>
+    );
+  }
+
+  const showPaywall = post.gated && (!isSignedIn || !hasActiveSubscription);
+
+  return (
+    <article style=\{{ maxWidth: '40rem', margin: '0 auto', padding: 'var(--space-8) var(--space-4)' }}>
+      <Link href="/" style=\{{ color: 'var(--fg-muted)', fontSize: '0.875rem', display: 'inline-block', marginBottom: 'var(--space-4)' }}>
+        ← All posts
+      </Link>
+      <h1 style=\{{ fontFamily: 'var(--font-wordmark)', fontSize: '2.25rem', lineHeight: 1.2, marginBottom: 'var(--space-4)' }}>
+        {post.title}
+      </h1>
+
+      <div style=\{{ color: 'var(--fg)', lineHeight: 1.8, fontSize: '1.0625rem' }}>
+        {showPaywall ? (
+          <>
+            <p style=\{{ marginBottom: 'var(--space-4)' }}>{post.body.slice(0, 200)}…</p>
+            <Paywall />
+          </>
+        ) : (
+          <p>{post.body}</p>
+        )}
+      </div>
+    </article>
+  );
+}
+
+function Paywall() {
+  return (
+    <div style=\{{
+      marginTop: 'var(--space-8)',
+      padding: 'var(--space-6)',
+      borderRadius: 'var(--radius-md, 0.5rem)',
+      border: '2px solid var(--accent)',
+      background: 'var(--surface-sub)',
+      textAlign: 'center',
+    }}>
+      <h3 style=\{{ fontFamily: 'var(--font-wordmark)', marginBottom: 'var(--space-2)' }}>
+        This post is for subscribers
+      </h3>
+      <p style=\{{ color: 'var(--fg-muted)', marginBottom: 'var(--space-4)' }}>
+        Get access to every paid essay, plus the newsletter.
+      </p>
+      <button
+        onClick={() => { /* TODO: open Sebastn checkout */ }}
+        style=\{{
+          padding: 'var(--space-3) var(--space-6)',
+          borderRadius: 'var(--radius-md, 0.5rem)',
+          border: 'none',
+          background: 'var(--primary)',
+          color: 'var(--bg)',
+          fontWeight: 600,
+          fontSize: '1rem',
+          cursor: 'pointer',
+        }}
+      >
+        Subscribe — $5/mo
+      </button>
+    </div>
+  );
+}

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,9 +6,22 @@ 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.
+ *
+ * generateStaticParams is required for `output: "export"`. Add the
+ * entity names your app actually uses. Unknown slugs are blocked by
+ * `dynamicParams = false`.
  */
+
+const ENTITIES = ['users', 'products', 'orders'];
+
+export function generateStaticParams() {
+  return ENTITIES.map((entity) => ({ entity }));
+}
+
+export const dynamicParams = false;
+
 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);