✨ feat: add /space landing page and waitlist with admin email system

React Native Space landing page with dark minimal aesthetic, email waitlist
signup, admin panel for sending emails, and launch email template.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: bidah

apps/web/app/(app)/api/email-preview/route.ts

@@ -2,6 +2,7 @@ import { NextRequest, NextResponse } from 'next/server'
 import { render } from '@react-email/components'
 import { WelcomeEmail, NewsletterEmail } from '@/lib/email'
 import { getTemplate, newsletterTemplates } from '@/lib/email/templates/registry'
+import { spaceTemplates } from '@/lib/email/templates/space-registry'
 
 const PREVIEW_UNSUBSCRIBE_URL = '#unsubscribe-preview'
 
@@ -16,6 +17,11 @@ for (const t of newsletterTemplates) {
   templates[t.name] = () => t.component({ unsubscribeUrl: PREVIEW_UNSUBSCRIBE_URL })
 }
 
+// Register space templates
+for (const t of spaceTemplates) {
+  templates[t.name] = () => t.component({ unsubscribeUrl: PREVIEW_UNSUBSCRIBE_URL })
+}
+
 export async function GET(request: NextRequest) {
   // Only allow in development
   if (process.env.NODE_ENV !== 'development') {
@@ -47,6 +53,7 @@ export async function GET(request: NextRequest) {
           <a href="/api/email-preview?template=welcome">Welcome Email <span>— sent when a user signs up</span></a>
           <a href="/api/email-preview?template=newsletter">Newsletter (latest) <span>— weekly updates email</span></a>
           ${newsletterTemplates.map((t) => `<a href="/api/email-preview?template=${t.name}">${t.name} <span>— ${t.subject} (${t.issueDate})</span></a>`).join('\n          ')}
+          ${spaceTemplates.map((t) => `<a href="/api/email-preview?template=${t.name}">${t.name} <span>— ${t.subject}</span></a>`).join('\n          ')}
         </body>
       </html>
     `

apps/web/app/(app)/api/space-admin/history/route.ts

@@ -0,0 +1,19 @@
+import { NextResponse } from 'next/server'
+import { getServerSession } from '@/lib/auth/index'
+import { db, spaceWaitlistSends, desc } from '@/lib/db'
+
+export async function GET() {
+  const session = await getServerSession()
+  const adminEmail = process.env.ADMIN_EMAIL
+
+  if (!session?.user?.email || !adminEmail || session.user.email !== adminEmail) {
+    return NextResponse.json({ error: 'Forbidden' }, { status: 403 })
+  }
+
+  const sends = await db
+    .select()
+    .from(spaceWaitlistSends)
+    .orderBy(desc(spaceWaitlistSends.sentAt))
+
+  return NextResponse.json(sends)
+}

apps/web/app/(app)/api/space-admin/send-test/route.ts

@@ -0,0 +1,50 @@
+import { NextRequest, NextResponse } from 'next/server'
+import { getServerSession } from '@/lib/auth/index'
+import { getSpaceTemplate } from '@/lib/email/templates/space-registry'
+import { getResend, NEWSLETTER_FROM } from '@/lib/email'
+
+export async function POST(request: NextRequest) {
+  const session = await getServerSession()
+  const adminEmail = process.env.ADMIN_EMAIL
+
+  if (!session?.user?.email || !adminEmail || session.user.email !== adminEmail) {
+    return NextResponse.json({ error: 'Forbidden' }, { status: 403 })
+  }
+
+  const body = await request.json()
+  const { templateName, testEmail } = body
+
+  if (!templateName) {
+    return NextResponse.json({ error: 'templateName is required' }, { status: 400 })
+  }
+  if (!testEmail) {
+    return NextResponse.json({ error: 'testEmail is required' }, { status: 400 })
+  }
+
+  const template = getSpaceTemplate(templateName)
+  if (!template) {
+    return NextResponse.json({ error: `Template "${templateName}" not found` }, { status: 404 })
+  }
+
+  try {
+    const Component = template.component
+    const resend = getResend()
+
+    const { data, error } = await resend.emails.send({
+      from: NEWSLETTER_FROM,
+      to: testEmail,
+      subject: `[TEST] ${template.subject}`,
+      react: Component({}),
+    })
+
+    if (error) {
+      console.error('[Space Admin] Test send error:', JSON.stringify(error))
+      return NextResponse.json({ error: error.message || 'Failed to send test email' }, { status: 500 })
+    }
+
+    return NextResponse.json({ success: true, testEmail, templateName: template.name })
+  } catch (error: any) {
+    console.error('[Space Admin] Test send error:', error?.message)
+    return NextResponse.json({ error: error?.message || 'Failed to send test email' }, { status: 500 })
+  }
+}

apps/web/app/(app)/api/space-admin/send/route.ts

@@ -0,0 +1,98 @@
+import { NextRequest, NextResponse } from 'next/server'
+import { getServerSession } from '@/lib/auth/index'
+import { db, spaceWaitlist, spaceWaitlistSends, spaceWaitlistRecipients, eq } from '@/lib/db'
+import { getResend, NEWSLETTER_FROM } from '@/lib/email'
+import { getSpaceTemplate } from '@/lib/email/templates/space-registry'
+
+export async function POST(request: NextRequest) {
+  const session = await getServerSession()
+  const adminEmail = process.env.ADMIN_EMAIL
+
+  if (!session?.user?.email || !adminEmail || session.user.email !== adminEmail) {
+    return NextResponse.json({ error: 'Forbidden' }, { status: 403 })
+  }
+
+  const body = await request.json()
+  const { templateName } = body
+
+  if (!templateName) {
+    return NextResponse.json({ error: 'templateName is required' }, { status: 400 })
+  }
+
+  const template = getSpaceTemplate(templateName)
+  if (!template) {
+    return NextResponse.json({ error: `Template "${templateName}" not found` }, { status: 404 })
+  }
+
+  try {
+    // Get all waitlist emails
+    const allWaitlist = await db
+      .select({ email: spaceWaitlist.email })
+      .from(spaceWaitlist)
+
+    // Get already-sent for this template
+    const alreadySent = await db
+      .select({ email: spaceWaitlistRecipients.email })
+      .from(spaceWaitlistRecipients)
+      .where(eq(spaceWaitlistRecipients.templateName, templateName))
+
+    const sentEmails = new Set(alreadySent.map((r) => r.email))
+    const pendingEmails = allWaitlist.filter((w) => !sentEmails.has(w.email))
+
+    if (pendingEmails.length === 0) {
+      return NextResponse.json({
+        error: 'All waitlist subscribers have already received this email',
+        totalWaitlist: allWaitlist.length,
+        alreadySent: sentEmails.size,
+      }, { status: 400 })
+    }
+
+    const Component = template.component
+    const resend = getResend()
+
+    // Send in batches of 100
+    for (let i = 0; i < pendingEmails.length; i += 100) {
+      const chunk = pendingEmails.slice(i, i + 100)
+      const emails = chunk.map((w) => ({
+        from: NEWSLETTER_FROM,
+        to: w.email,
+        subject: template.subject,
+        react: Component({}),
+      }))
+
+      const { error } = await resend.batch.send(emails)
+      if (error) {
+        console.error('[Space Admin] Batch send error:', JSON.stringify(error))
+        return NextResponse.json({
+          error: (error as any).message || 'Resend batch send failed',
+          sentBeforeError: i,
+        }, { status: 500 })
+      }
+    }
+
+    // Record recipients
+    await db.insert(spaceWaitlistRecipients).values(
+      pendingEmails.map((w) => ({ templateName, email: w.email }))
+    )
+
+    // Record send history
+    await db.insert(spaceWaitlistSends).values({
+      templateName: template.name,
+      subject: template.subject,
+      recipientCount: pendingEmails.length,
+      sentBy: session.user.id,
+    })
+
+    return NextResponse.json({
+      success: true,
+      sentCount: pendingEmails.length,
+      totalWaitlist: allWaitlist.length,
+    })
+  } catch (error: any) {
+    console.error('[Space Admin] Send error:', error?.message, error?.stack)
+    return NextResponse.json(
+      { error: error?.message || 'Failed to send' },
+      { status: 500 }
+    )
+  }
+}

apps/web/app/(app)/api/space-admin/status/route.ts

@@ -0,0 +1,56 @@
+import { NextRequest, NextResponse } from 'next/server'
+import { getServerSession } from '@/lib/auth/index'
+import { db, spaceWaitlist, spaceWaitlistRecipients, eq } from '@/lib/db'
+
+export async function GET(request: NextRequest) {
+  const session = await getServerSession()
+  const adminEmail = process.env.ADMIN_EMAIL
+
+  if (!session?.user?.email || !adminEmail || session.user.email !== adminEmail) {
+    return NextResponse.json({ error: 'Forbidden' }, { status: 403 })
+  }
+
+  const { searchParams } = new URL(request.url)
+  const templateName = searchParams.get('template')
+
+  if (!templateName) {
+    return NextResponse.json({ error: 'template query param required' }, { status: 400 })
+  }
+
+  try {
+    const allWaitlist = await db
+      .select({ email: spaceWaitlist.email })
+      .from(spaceWaitlist)
+
+    const sentRecipients = await db
+      .select({
+        email: spaceWaitlistRecipients.email,
+        sentAt: spaceWaitlistRecipients.sentAt,
+      })
+      .from(spaceWaitlistRecipients)
+      .where(eq(spaceWaitlistRecipients.templateName, templateName))
+
+    const sentEmails = new Set(sentRecipients.map((r) => r.email))
+
+    const sent = sentRecipients.map((r) => ({
+      email: r.email,
+      sentAt: r.sentAt,
+    }))
+
+    const pending = allWaitlist
+      .filter((w) => !sentEmails.has(w.email))
+      .map((w) => ({ email: w.email }))
+
+    return NextResponse.json({
+      templateName,
+      totalWaitlist: allWaitlist.length,
+      sentCount: sent.length,
+      pendingCount: pending.length,
+      sent,
+      pending,
+    })
+  } catch (error: any) {
+    console.error('[Space Admin] Status error:', error?.message)
+    return NextResponse.json({ error: error?.message || 'Failed to get status' }, { status: 500 })
+  }
+}

apps/web/app/(app)/space/admin/page.tsx

@@ -0,0 +1,22 @@
+import { redirect } from 'next/navigation'
+import { getServerSession } from '@/lib/auth/index'
+import { SpaceAdminPanel } from './space-admin-panel'
+
+export const dynamic = 'force-dynamic'
+
+export default async function SpaceAdminPage() {
+  const session = await getServerSession()
+  const adminEmail = process.env.ADMIN_EMAIL
+
+  if (!session?.user?.email || !adminEmail || session.user.email !== adminEmail) {
+    redirect('/')
+  }
+
+  return (
+    <main style={{ minHeight: '100vh', background: '#0a0a0a', color: '#e5e5e5' }}>
+      <div style={{ maxWidth: '900px', margin: '0 auto', padding: '48px 24px' }}>
+        <SpaceAdminPanel />
+      </div>
+    </main>
+  )
+}