DinouBuild with React 19Deploy Everywhere

// src/dashboard/page.tsx
// Pure Server Component: 0kb sent to browser
import { db } from "@/lib/db";
import { MarkdownParser } from "@/lib/heavy-parser";
import { InteractiveChart } from "./client-chart"; // "use client"

export default async function DashboardPage() {
  // Direct database query on server
  const reports = await db.reports.findLatest();
  const summaryHtml = MarkdownParser.render(reports.raw);

  return (
    <main className="space-y-6">
      <h1>Production Analytics</h1>
      <div dangerouslySetInnerHTML={{ __html: summaryHtml }} />

      {/* Only this interactive leaf downloads client JS */}
      <InteractiveChart data={reports.metrics} />
    </main>
  );
}

import { Link, type LayoutProps } from "dinou";

// Nested layout wraps all /dashboard/* child pages
export default function DashboardLayout({ children }: LayoutProps) {
  return (
    <div className="flex min-h-screen">
      {/* Persistent sidebar: never remounts across child route changes */}
      <aside className="w-64 border-r border-slate-800 p-4">
        <nav className="space-y-2">
          <Link href="/dashboard">Overview</Link>
          <Link href="/dashboard/analytics">Analytics</Link>
          <Link href="/dashboard/settings">Settings</Link>
        </nav>
      </aside>

      {/* Dynamic page content transitions smoothly */}
      <main className="flex-1 p-6">{children}</main>
    </div>
  );
}

// 1. Pre-render known slugs at build time
export async function getStaticPaths() {
  const posts = await db.posts.findMany({ select: { slug: true } });

  return posts.map((post) => ({
    params: { slug: post.slug },
  }));
}

// 2. Pure static route: served permanently from edge cache
export const revalidate = false; // Never expires automatically

import { defineConfig } from "dinou";

export default defineConfig({
  plugins: [
    {
      name: "stripe-webhooks",
      async onRequest(request) {
        const url = new URL(request.url);

        // Fast-path webhooks: short-circuit before React renders
        if (url.pathname === "/api/webhooks/stripe") {
          const signature = request.headers.get("stripe-signature");
          const payload = await request.text();
          await stripe.events.verify(payload, signature);

          // Returns pure Web Standard Response in < 2ms
          return Response.json({ received: true }, { status: 200 });
        }
      },
    },
  ],
});