create-githat-app 1.3.0 → 1.4.0

package/templates/marketplace/app/cart/page.tsx.hbs

@@ -0,0 +1,157 @@
+'use client';
+
+import { useState } from 'react';
+import Link from 'next/link';
+import { SignInButton, SignUpButton, useAuth } from '@githat/nextjs';
+
+/**
+ * Tu funda — anonymous-aware cart.
+ *
+ * Three checkout choices, in the order they should appear:
+ *   1. Continue as guest (the DEFAULT) — primary button.
+ *   2. Sign in (existing GitHat user).
+ *   3. Sign up (new GitHat user, gets cart history).
+ *
+ * The order matters: the colmado UX promise is "you don't have to
+ * make an account to shop." If you're tempted to make sign-up the
+ * primary button "for the data," re-read CULTURE.md.
+ *
+ * Real cart line items should come from your backend (read by the
+ * anon-session id from `src/lib/anon-session.ts`). The hard-coded
+ * sample below is just the shell.
+ */
+export default function CartPage() {
+  const { isSignedIn } = useAuth();
+  const [emailForReceipt, setEmailForReceipt] = useState('');
+  const sampleItems = [
+    { id: '1', name: 'Plátanos verdes (3)', price: 1.5, store: "Doña Yolanda" },
+    { id: '2', name: 'Presidente fría (6-pack)', price: 9.0, store: "Don Tito" },
+    { id: '3', name: 'Recarga Claro $5', price: 5.0, store: "Doña Yolanda" },
+  ];
+  const total = sampleItems.reduce((s, i) => s + i.price, 0);
+
+  return (
+    <div style=\{{ background: 'var(--bg)', color: 'var(--fg)', minHeight: 'calc(100vh - 64px)' }}>
+      <div style=\{{ maxWidth: '40rem', margin: '0 auto', padding: 'var(--space-8) var(--space-4)' }}>
+        <h1 style=\{{ fontFamily: 'var(--font-wordmark)', fontSize: '2rem', marginBottom: 'var(--space-2)' }}>
+          Tu funda
+        </h1>
+        <p style=\{{ color: 'var(--fg-muted)', marginBottom: 'var(--space-6)' }}>
+          Your bag. Edit, then choose how you want to pay.
+        </p>
+
+        <ul style=\{{ listStyle: 'none', display: 'flex', flexDirection: 'column', gap: 'var(--space-3)', marginBottom: 'var(--space-6)' }}>
+          {sampleItems.map((it) => (
+            <li key={it.id} style=\{{
+              display: 'flex',
+              justifyContent: 'space-between',
+              alignItems: 'center',
+              padding: 'var(--space-3) var(--space-4)',
+              borderRadius: 'var(--radius-md, 0.5rem)',
+              border: '1px solid var(--border)',
+              background: 'var(--surface)',
+            }}>
+              <div>
+                <div style=\{{ fontWeight: 600 }}>{it.name}</div>
+                <div style=\{{ fontSize: '0.75rem', color: 'var(--fg-muted)' }}>De tu colmadero, {it.store}</div>
+              </div>
+              <div style=\{{ fontWeight: 600 }}>${it.price.toFixed(2)}</div>
+            </li>
+          ))}
+        </ul>
+
+        <div style=\{{
+          display: 'flex',
+          justifyContent: 'space-between',
+          fontSize: '1.125rem',
+          fontWeight: 600,
+          paddingTop: 'var(--space-3)',
+          borderTop: '1px solid var(--border)',
+          marginBottom: 'var(--space-8)',
+        }}>
+          <span>Total</span>
+          <span>${total.toFixed(2)}</span>
+        </div>
+
+        {/* The auth choice — guest is the default, sign-in is opt-in */}
+        <section style=\{{
+          padding: 'var(--space-6)',
+          borderRadius: 'var(--radius-md, 0.5rem)',
+          border: '1px solid var(--border)',
+          background: 'var(--surface-sub)',
+        }}>
+          <h2 style=\{{ fontSize: '1.25rem', marginBottom: 'var(--space-2)' }}>¿Cómo lo pagamos?</h2>
+          <p style=\{{ color: 'var(--fg-muted)', marginBottom: 'var(--space-4)', fontSize: '0.875rem' }}>
+            How would you like to pay? You don't need an account.
+          </p>
+
+          {!isSignedIn && (
+            <>
+              {/* Primary: continue as guest */}
+              <form
+                onSubmit={(e) => { e.preventDefault(); /* TODO: submit guest order */ }}
+                style=\{{ marginBottom: 'var(--space-4)' }}
+              >
+                <label htmlFor="email" style=\{{ display: 'block', marginBottom: 'var(--space-2)', fontSize: '0.875rem' }}>
+                  Email para el recibo (we'll send the receipt and that's it)
+                </label>
+                <div style=\{{ display: 'flex', gap: 'var(--space-2)' }}>
+                  <input
+                    id="email"
+                    type="email"
+                    required
+                    value={emailForReceipt}
+                    onChange={(e) => setEmailForReceipt(e.target.value)}
+                    placeholder="tu@email.com"
+                    style=\{{
+                      flex: 1,
+                      padding: 'var(--space-3)',
+                      borderRadius: 'var(--radius-md, 0.5rem)',
+                      border: '1px solid var(--border)',
+                      background: 'var(--surface)',
+                      color: 'var(--fg)',
+                    }}
+                  />
+                  <button type="submit" style=\{{
+                    padding: 'var(--space-3) var(--space-5)',
+                    borderRadius: 'var(--radius-md, 0.5rem)',
+                    border: 'none',
+                    background: 'var(--primary)',
+                    color: 'var(--bg)',
+                    fontWeight: 600,
+                    cursor: 'pointer',
+                  }}>
+                    Pagar como invitado
+                  </button>
+                </div>
+                <p style=\{{ marginTop: 'var(--space-2)', fontSize: '0.75rem', color: 'var(--fg-subtle)' }}>
+                  Continue as guest. No password, no account, no saved data.
+                </p>
+              </form>
+
+              <div style=\{{ display: 'flex', gap: 'var(--space-3)', flexWrap: 'wrap', alignItems: 'center', marginTop: 'var(--space-4)', paddingTop: 'var(--space-4)', borderTop: '1px dashed var(--border)' }}>
+                <span style=\{{ fontSize: '0.875rem', color: 'var(--fg-muted)' }}>O si quieres guardar tus datos:</span>
+                <SignInButton />
+                <SignUpButton />
+              </div>
+            </>
+          )}
+
+          {isSignedIn && (
+            <Link href="/checkout" style=\{{
+              display: 'inline-block',
+              padding: 'var(--space-3) var(--space-5)',
+              borderRadius: 'var(--radius-md, 0.5rem)',
+              background: 'var(--primary)',
+              color: 'var(--bg)',
+              fontWeight: 600,
+              textDecoration: 'none',
+            }}>
+              Pagar →
+            </Link>
+          )}
+        </section>
+      </div>
+    </div>
+  );
+}

package/templates/marketplace/app/globals.css.hbs

@@ -0,0 +1,87 @@
+/*
+ * Tailwind v4 — required because @githat/nextjs/styles is processed
+ * through @tailwindcss/postcss. Plain doesn't ship utility classes,
+ * but the import is needed for the auth pages to render styled.
+ */
+@import "tailwindcss";
+
+/*
+ * Plain template — self-contained globals.
+ *
+ * Defines the minimum CSS variables a GitHat app uses for layout and
+ * the auth-page styling that ships with @githat/nextjs/styles.
+ * Override these in your own files when you want a real theme.
+ *
+ * Light theme by default; flip --bg/--fg for dark.
+ */
+
+:root {
+  /* Surface */
+  --bg:           #ffffff;
+  --surface:      #fafafa;
+  --surface-sub:  #f4f4f5;
+
+  /* Borders */
+  --border:       #e5e7eb;
+
+  /* Foreground */
+  --fg:           #0a0a0a;
+  --fg-muted:     #525252;
+  --fg-subtle:    #737373;
+
+  /* Brand — change these two to re-skin the whole auth flow */
+  --primary:      #6366f1;
+  --accent:       #f59e0b;
+
+  /* Semantic */
+  --success:      #16a34a;
+  --warn:         #d97706;
+  --danger:       #dc2626;
+
+  /* Spacing — used by @githat/nextjs/styles */
+  --space-1: 0.25rem;
+  --space-2: 0.5rem;
+  --space-3: 0.75rem;
+  --space-4: 1rem;
+  --space-6: 1.5rem;
+  --space-8: 2rem;
+
+  /* Radius */
+  --radius:    0.5rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.75rem;
+
+  /* Fonts */
+  --font-sans:     'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+  --font-wordmark: 'Instrument Serif', Georgia, serif;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --bg:           #0a0a0a;
+    --surface:      #18181b;
+    --surface-sub:  #27272a;
+    --border:       #3f3f46;
+    --fg:           #fafafa;
+    --fg-muted:     #a1a1aa;
+    --fg-subtle:    #71717a;
+  }
+}
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: var(--font-sans);
+  background: var(--bg);
+  color: var(--fg);
+  line-height: 1.5;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}

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

@@ -0,0 +1,77 @@
+import { GitHatProvider } from '@githat/nextjs';
+import '@githat/nextjs/styles';
+import Link from 'next/link';
+import './globals.css';
+
+export const metadata = {
+  title: '{{businessName}} — el colmado de tu barrio',
+  description: '{{description}}',
+};
+
+/**
+ * Root layout for the marketplace template.
+ *
+ * Header has three slots, in order of importance:
+ *   1. Wordmark (always visible)
+ *   2. Tu funda — cart icon, anonymous-aware
+ *   3. "Save my stuff" / Sign in — low contrast, never a gate
+ *
+ * The "Vende en {{businessName}}" link sits in the footer, not the
+ * header. Sellers are a small minority of visitors; shoppers come first.
+ */
+export default function RootLayout({ children }{{#if typescript}}: { children: React.ReactNode }{{/if}}) {
+  return (
+    <html lang="es">
+      <body>
+        <GitHatProvider config=\{{
+          publishableKey: process.env.NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY || '',
+          signInUrl: '/sign-in',
+          signUpUrl: '/sign-up',
+          afterSignInUrl: '/',
+          afterSignOutUrl: '/',
+        }}>
+          <header style=\{{
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            padding: 'var(--space-4, 1rem) var(--space-6, 1.5rem)',
+            borderBottom: '1px solid var(--border, #e5e7eb)',
+            background: 'var(--surface, #fafafa)',
+          }}>
+            <Link href="/" style=\{{
+              fontFamily: 'var(--font-wordmark, Georgia, serif)',
+              fontSize: '1.5rem',
+              color: 'var(--fg, inherit)',
+              textDecoration: 'none',
+            }}>
+              {{businessName}}
+            </Link>
+            <nav style=\{{ display: 'flex', alignItems: 'center', gap: 'var(--space-4, 1rem)', fontSize: '0.875rem' }}>
+              <Link href="/cart" style=\{{ color: 'var(--fg, inherit)', textDecoration: 'none' }}>
+                Tu funda
+              </Link>
+              <Link href="/sign-in" style=\{{ color: 'var(--fg-subtle, #71717a)', textDecoration: 'none' }}>
+                Save my stuff
+              </Link>
+            </nav>
+          </header>
+          <main>{children}</main>
+          <footer style=\{{
+            padding: 'var(--space-6, 1.5rem)',
+            borderTop: '1px solid var(--border, #e5e7eb)',
+            fontSize: '0.75rem',
+            color: 'var(--fg-subtle, #71717a)',
+            textAlign: 'center',
+          }}>
+            <Link href="/sell" style=\{{ color: 'var(--fg-muted, #525252)', textDecoration: 'none' }}>
+              ¿Tienes un colmado? Vende aquí →
+            </Link>
+            <span style=\{{ display: 'block', marginTop: 'var(--space-2, 0.5rem)' }}>
+              {{businessName}} — built on GitHat + Sebastn.
+            </span>
+          </footer>
+        </GitHatProvider>
+      </body>
+    </html>
+  );
+}

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

@@ -0,0 +1,178 @@
+'use client';
+
+import { useState } from 'react';
+import Link from 'next/link';
+import { useAuth } from '@githat/nextjs';
+import { CATEGORIES } from '../src/lib/categories';
+
+/**
+ * Marketplace homepage — colmado-flavored.
+ *
+ * Anonymous-first: visitors browse and search without signing in.
+ * The header has a low-contrast "Save my stuff" link that opens
+ * GitHat sign-in, but it's never a gate. See CULTURE.md for the
+ * cultural framing — this is a colmado, not a checkout terminal.
+ *
+ * Real product data should come from your backend (Postgres,
+ * DynamoDB, Sebastn-stored inventory) — this file just renders
+ * the shell + seed categories.
+ */
+export default function Home() {
+  const { isSignedIn } = useAuth();
+  const [query, setQuery] = useState('');
+
+  return (
+    <div style=\{{ background: 'var(--bg)', color: 'var(--fg)', minHeight: 'calc(100vh - 64px)' }}>
+      {/* Hero — bilingual, warm, anti-Amazon */}
+      <section style=\{{
+        padding: 'var(--space-8) var(--space-4)',
+        background: 'linear-gradient(180deg, var(--surface-sub), var(--bg))',
+        textAlign: 'center',
+      }}>
+        <h1 style=\{{
+          fontFamily: 'var(--font-wordmark, Georgia, serif)',
+          fontSize: 'clamp(2rem, 5vw, 3rem)',
+          lineHeight: 1.1,
+          marginBottom: 'var(--space-3)',
+        }}>
+          Cerquita de ti, todo lo que necesitas.
+        </h1>
+        <p style=\{{ color: 'var(--fg-muted)', marginBottom: 'var(--space-6)', fontSize: '1.125rem' }}>
+          {{businessName}} — el colmado de tu barrio, ahora en tu teléfono.
+          <br />
+          <span style=\{{ fontSize: '0.875rem', opacity: 0.7 }}>
+            Pídelo y te lo llevamos. <em>Order it, we'll bring it to you.</em>
+          </span>
+        </p>
+
+        <form
+          onSubmit={(e) => { e.preventDefault(); window.location.href = `/buscar?q=${encodeURIComponent(query)}`; }}
+          style=\{{ maxWidth: '32rem', margin: '0 auto' }}
+        >
+          <label htmlFor="q" style=\{{ display: 'block', textAlign: 'left', marginBottom: 'var(--space-2)', fontSize: '0.875rem', color: 'var(--fg-muted)' }}>
+            Busca lo que te haga falta
+          </label>
+          <div style=\{{ display: 'flex', gap: 'var(--space-2)' }}>
+            <input
+              id="q"
+              type="search"
+              value={query}
+              onChange={(e) => setQuery(e.target.value)}
+              placeholder="Plátano, Presidente fría, recargas Claro…"
+              style=\{{
+                flex: 1,
+                padding: 'var(--space-3) var(--space-4)',
+                borderRadius: 'var(--radius-md, 0.5rem)',
+                border: '1px solid var(--border)',
+                background: 'var(--surface)',
+                color: 'var(--fg)',
+                fontSize: '1rem',
+              }}
+            />
+            <button type="submit" style=\{{
+              padding: 'var(--space-3) var(--space-6)',
+              borderRadius: 'var(--radius-md, 0.5rem)',
+              border: 'none',
+              background: 'var(--primary)',
+              color: 'var(--bg)',
+              fontWeight: 600,
+              cursor: 'pointer',
+            }}>
+              Buscar
+            </button>
+          </div>
+        </form>
+
+        {isSignedIn && (
+          <p style=\{{ marginTop: 'var(--space-6)', fontSize: '0.875rem' }}>
+            <Link href="/cart" style=\{{ color: 'var(--primary)' }}>
+              Lo de siempre →
+            </Link>
+            <span style=\{{ color: 'var(--fg-subtle)' }}> (your usual order, one click away)</span>
+          </p>
+        )}
+      </section>
+
+      <section style=\{{ padding: 'var(--space-8) var(--space-4)' }}>
+        <div style=\{{ maxWidth: '64rem', margin: '0 auto' }}>
+          <h2 style=\{{ fontSize: '1.5rem', marginBottom: 'var(--space-4)' }}>Categorías</h2>
+          <div style=\{{
+            display: 'grid',
+            gridTemplateColumns: 'repeat(auto-fill, minmax(140px, 1fr))',
+            gap: 'var(--space-3)',
+          }}>
+            {CATEGORIES.map((cat) => (
+              <Link
+                key={cat.slug}
+                href={`/buscar?cat=${cat.slug}`}
+                style=\{{
+                  display: 'flex',
+                  flexDirection: 'column',
+                  alignItems: 'center',
+                  gap: 'var(--space-2)',
+                  padding: 'var(--space-4)',
+                  borderRadius: 'var(--radius-md, 0.5rem)',
+                  border: '1px solid var(--border)',
+                  background: 'var(--surface)',
+                  textAlign: 'center',
+                  textDecoration: 'none',
+                  color: 'inherit',
+                }}
+              >
+                <span style=\{{ fontSize: '2rem' }} aria-hidden>{cat.emoji}</span>
+                <span style=\{{ fontWeight: 600, fontSize: '0.875rem' }}>{cat.es}</span>
+                <span style=\{{ fontSize: '0.75rem', color: 'var(--fg-muted)' }}>{cat.en}</span>
+              </Link>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      <section style=\{{ padding: 'var(--space-8) var(--space-4)', background: 'var(--surface-sub)' }}>
+        <div style=\{{
+          maxWidth: '64rem',
+          margin: '0 auto',
+          display: 'grid',
+          gridTemplateColumns: 'repeat(auto-fit, minmax(280px, 1fr))',
+          gap: 'var(--space-6)',
+        }}>
+          <div>
+            <h3 style=\{{ fontFamily: 'var(--font-wordmark)', fontSize: '1.5rem', marginBottom: 'var(--space-2)' }}>
+              ¿Tienes un colmado?
+            </h3>
+            <p style=\{{ color: 'var(--fg-muted)', marginBottom: 'var(--space-3)' }}>
+              Pon tu tienda online en cinco minutos. Tu propia página,
+              tus precios, tus pedidos. Te quedas con el 96%.
+            </p>
+            <Link href="/sell" style=\{{
+              display: 'inline-block',
+              padding: 'var(--space-3) var(--space-5)',
+              borderRadius: 'var(--radius-md, 0.5rem)',
+              background: 'var(--accent)',
+              color: 'var(--bg)',
+              fontWeight: 600,
+              textDecoration: 'none',
+            }}>
+              Vende en {{businessName}} →
+            </Link>
+          </div>
+          <div>
+            <h3 style=\{{ fontFamily: 'var(--font-wordmark)', fontSize: '1.5rem', marginBottom: 'var(--space-2)' }}>
+              Buying without signing in?
+            </h3>
+            <p style=\{{ color: 'var(--fg-muted)', marginBottom: 'var(--space-3)' }}>
+              Adelante. You don't need an account to browse, add to your
+              funda, or check out. Sign up only if you want to save
+              addresses, see past orders, or use store credit.
+            </p>
+            {!isSignedIn && (
+              <Link href="/sign-in" style=\{{ fontSize: '0.875rem', color: 'var(--primary)' }}>
+                Save my stuff (optional) →
+              </Link>
+            )}
+          </div>
+        </div>
+      </section>
+    </div>
+  );
+}

package/templates/marketplace/app/sell/page.tsx.hbs

@@ -0,0 +1,78 @@
+import Link from 'next/link';
+
+/**
+ * Seller pitch page — `/sell`.
+ *
+ * Bodega owners land here from the homepage CTA "Vende en
+ * {{businessName}}." The job of this page is to convince a small
+ * shop owner — often someone who's never used a SaaS — that the
+ * platform is worth five minutes of their time.
+ *
+ * Three commitments worth making explicit:
+ *  1. They keep 96% (we take 4% as the platform fee)
+ *  2. Sebastn handles payouts directly to their bank
+ *  3. No lock-in — they can leave any time
+ */
+export default function SellPage() {
+  return (
+    <div style=\{{ background: 'var(--bg)', color: 'var(--fg)', minHeight: 'calc(100vh - 64px)' }}>
+      <section style=\{{ padding: 'var(--space-12) var(--space-4)', textAlign: 'center', maxWidth: '48rem', margin: '0 auto' }}>
+        <h1 style=\{{
+          fontFamily: 'var(--font-wordmark)',
+          fontSize: 'clamp(2rem, 5vw, 3rem)',
+          lineHeight: 1.1,
+          marginBottom: 'var(--space-3)',
+        }}>
+          Tu colmado, online en 5 minutos.
+        </h1>
+        <p style=\{{ color: 'var(--fg-muted)', fontSize: '1.125rem', marginBottom: 'var(--space-6)' }}>
+          Take orders from your block, take payment to your bank. We handle
+          the website, the cart, the receipts. You handle the colmado.
+        </p>
+        <Link href="/sign-up?role=seller" style=\{{
+          display: 'inline-block',
+          padding: 'var(--space-4) var(--space-8)',
+          borderRadius: 'var(--radius-md, 0.5rem)',
+          background: 'var(--primary)',
+          color: 'var(--bg)',
+          fontWeight: 600,
+          fontSize: '1.125rem',
+          textDecoration: 'none',
+        }}>
+          Empieza gratis →
+        </Link>
+      </section>
+
+      <section style=\{{ padding: 'var(--space-8) var(--space-4)', background: 'var(--surface-sub)' }}>
+        <div style=\{{ maxWidth: '48rem', margin: '0 auto', display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 'var(--space-6)' }}>
+          <Promise emoji="💵" title="Te quedas con el 96%" body="We take a flat 4% on each order. No monthly fee on the free tier. No surprise charges." />
+          <Promise emoji="🏦" title="Pagos directo a tu cuenta" body="Sebastn pays you to your bank the next business day. You keep your existing bank account." />
+          <Promise emoji="🚪" title="Sin contratos" body="Cancel any time. Export your customers, your products, your orders. They're yours." />
+        </div>
+      </section>
+
+      <section style=\{{ padding: 'var(--space-12) var(--space-4)', textAlign: 'center', maxWidth: '40rem', margin: '0 auto' }}>
+        <h2 style=\{{ fontFamily: 'var(--font-wordmark)', fontSize: '1.75rem', marginBottom: 'var(--space-3)' }}>
+          ¿Cómo funciona?
+        </h2>
+        <ol style=\{{ textAlign: 'left', color: 'var(--fg-muted)', lineHeight: 1.8, paddingLeft: 'var(--space-6)' }}>
+          <li>Te creas tu cuenta de {{businessName}} (es gratis).</li>
+          <li>Conectas tu banco (a través de Sebastn).</li>
+          <li>Subes tus productos — o los importas de un CSV.</li>
+          <li>Tu colmado vive en <code>{{businessName}}/tu-tienda</code>.</li>
+          <li>Los pedidos te llegan por email. Tú decides cómo entregar.</li>
+        </ol>
+      </section>
+    </div>
+  );
+}
+
+function Promise({ emoji, title, body }: { emoji: string; title: string; body: string }) {
+  return (
+    <div>
+      <div style=\{{ fontSize: '2rem', marginBottom: 'var(--space-2)' }} aria-hidden>{emoji}</div>
+      <h3 style=\{{ fontWeight: 600, marginBottom: 'var(--space-2)' }}>{title}</h3>
+      <p style=\{{ color: 'var(--fg-muted)', fontSize: '0.875rem' }}>{body}</p>
+    </div>
+  );
+}

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

@@ -0,0 +1,8 @@
+import type { NextConfig } from 'next';
+import { withGitHat } from '@githat/nextjs/server';
+
+const nextConfig: NextConfig = {
+  output: 'standalone',
+};
+
+export default withGitHat(nextConfig);

package/templates/marketplace/postcss.config.mjs.hbs

@@ -0,0 +1,14 @@
+/*
+ * Plain template — Tailwind v4 PostCSS plugin is required even though
+ * the plain scaffold doesn't use Tailwind utility classes. The auth
+ * page CSS shipped by `@githat/nextjs/styles` is processed through
+ * @tailwindcss/postcss at build time. Drop this config and the
+ * auth pages render unstyled.
+ */
+const config = {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+};
+
+export default config;

package/templates/marketplace/proxy.ts.hbs

@@ -0,0 +1,10 @@
+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|.*\\..*).*)'],
+};