Merge pull request #2 from gitpod-io/chore/initial-scaffold

zacharias-ona · web-flow · commit 864ce7eccbff · 2026-04-14T16:17:01.000+01:00
chore: initial project scaffold
diff --git a/.agents/architecture.md b/.agents/architecture.md
@@ -77,8 +77,8 @@ src/
 │   └── supabase/
 │       ├── client.ts       # Browser client
 │       ├── server.ts       # Server component client
-│       └── middleware.ts   # Session refresh
-├── middleware.ts            # Root middleware (Supabase session)
+│       └── proxy.ts        # Session refresh
+├── proxy.ts                 # Root proxy (Supabase session, Next.js 16 convention)
 └── instrumentation.ts      # Sentry server/edge init
 ```
 
diff --git a/.env.example b/.env.example
@@ -1,6 +1,9 @@
 NEXT_PUBLIC_SUPABASE_URL=your-supabase-url
-NEXT_PUBLIC_SUPABASE_ANON_KEY=your-supabase-anon-key
-SUPABASE_SERVICE_ROLE_KEY=your-service-role-key
+NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY=your-supabase-publishable-key
+SUPABASE_SECRET_KEY=your-supabase-secret-key
+NEXT_PUBLIC_SENTRY_DSN=your-sentry-dsn
 SENTRY_DSN=your-sentry-dsn
 SENTRY_AUTH_TOKEN=your-sentry-auth-token
+SENTRY_ORG=your-sentry-org
+SENTRY_PROJECT=your-sentry-project
 NEXT_PUBLIC_APP_URL=http://localhost:3000
diff --git a/.gitignore b/.gitignore
@@ -33,6 +33,7 @@ yarn-error.log*
 # env files
 .env*
 !.env.example
+.env.sentry-build-plugin
 
 # vercel
 .vercel
diff --git a/AGENTS.md b/AGENTS.md
@@ -17,7 +17,7 @@ src/app/           → Pages and API routes (App Router)
 src/components/    → Reusable UI components (one per file, named exports)
 src/components/ui/ → shadcn/ui components (do not edit)
 src/lib/           → Utilities, types, constants
-src/lib/supabase/  → Supabase clients (client.ts, server.ts, middleware.ts)
+src/lib/supabase/  → Supabase clients (client.ts, server.ts, proxy.ts)
 supabase/migrations/ → Database migrations
 .agents/           → Agent knowledge base (architecture, conventions, plans)
 .ona/automations/  → Automation YAML definitions
diff --git a/instrumentation-client.ts b/instrumentation-client.ts
@@ -0,0 +1,20 @@
+import * as Sentry from "@sentry/nextjs";
+
+Sentry.init({
+  dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
+
+  sendDefaultPii: true,
+
+  // 100% in dev, 10% in production
+  tracesSampleRate: process.env.NODE_ENV === "development" ? 1.0 : 0.1,
+
+  // Session Replay: 10% of all sessions, 100% of sessions with errors
+  replaysSessionSampleRate: 0.1,
+  replaysOnErrorSampleRate: 1.0,
+
+  enableLogs: true,
+
+  integrations: [Sentry.replayIntegration()],
+});
+
+export const onRouterTransitionStart = Sentry.captureRouterTransitionStart;
diff --git a/next.config.ts b/next.config.ts
@@ -1,11 +1,13 @@
+import type { NextConfig } from "next";
 import { withSentryConfig } from "@sentry/nextjs";
 
-const nextConfig = {};
+const nextConfig: NextConfig = {};
 
 export default withSentryConfig(nextConfig, {
   org: process.env.SENTRY_ORG,
   project: process.env.SENTRY_PROJECT,
-  silent: !process.env.CI,
+  authToken: process.env.SENTRY_AUTH_TOKEN,
   widenClientFileUpload: true,
   tunnelRoute: "/monitoring",
+  silent: !process.env.CI,
 });
diff --git a/sentry.edge.config.ts b/sentry.edge.config.ts
@@ -2,5 +2,9 @@ import * as Sentry from "@sentry/nextjs";
 
 Sentry.init({
   dsn: process.env.SENTRY_DSN,
-  tracesSampleRate: 1.0,
+
+  sendDefaultPii: true,
+  tracesSampleRate: process.env.NODE_ENV === "development" ? 1.0 : 0.1,
+
+  enableLogs: true,
 });
diff --git a/sentry.server.config.ts b/sentry.server.config.ts
@@ -2,5 +2,11 @@ import * as Sentry from "@sentry/nextjs";
 
 Sentry.init({
   dsn: process.env.SENTRY_DSN,
-  tracesSampleRate: 1.0,
+
+  sendDefaultPii: true,
+  tracesSampleRate: process.env.NODE_ENV === "development" ? 1.0 : 0.1,
+
+  includeLocalVariables: true,
+
+  enableLogs: true,
 });
diff --git a/src/app/global-error.tsx b/src/app/global-error.tsx
@@ -1,14 +1,13 @@
 "use client";
 
 import * as Sentry from "@sentry/nextjs";
+import NextError from "next/error";
 import { useEffect } from "react";
 
 export default function GlobalError({
   error,
-  reset,
 }: {
   error: Error & { digest?: string };
-  reset: () => void;
 }) {
   useEffect(() => {
     Sentry.captureException(error);
@@ -17,10 +16,7 @@ export default function GlobalError({
   return (
     <html>
       <body>
-        <div style={{ padding: "2rem", textAlign: "center" }}>
-          <h2>Something went wrong</h2>
-          <button onClick={() => reset()}>Try again</button>
-        </div>
+        <NextError statusCode={0} />
       </body>
     </html>
   );
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -1 +1,6 @@
 @import "tailwindcss";
+
+@theme inline {
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -25,9 +25,9 @@ export default function RootLayout({
   return (
     <html
       lang="en"
-      className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
+      className={`${geistSans.variable} ${geistMono.variable} antialiased`}
     >
-      <body className="min-h-full flex flex-col">{children}</body>
+      <body className="min-h-screen">{children}</body>
     </html>
   );
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,6 +1,6 @@
 export default function Home() {
   return (
-    <main className="flex min-h-screen flex-col items-center justify-center p-8 bg-white dark:bg-zinc-950">
+    <main className="flex min-h-screen flex-col items-center justify-center p-8">
       <div className="max-w-2xl text-center space-y-6">
         <h1 className="text-5xl font-bold tracking-tight text-zinc-900 dark:text-zinc-50">
           Memo
diff --git a/src/instrumentation.ts b/src/instrumentation.ts
@@ -1,17 +1,13 @@
+import * as Sentry from "@sentry/nextjs";
+
 export async function register() {
   if (process.env.NEXT_RUNTIME === "nodejs") {
     await import("../sentry.server.config");
   }
+
   if (process.env.NEXT_RUNTIME === "edge") {
     await import("../sentry.edge.config");
   }
 }
 
-export const onRequestError = async (
-  ...args: Parameters<
-    NonNullable<typeof import("@sentry/nextjs").captureRequestError>
-  >
-) => {
-  const { captureRequestError } = await import("@sentry/nextjs");
-  captureRequestError(...args);
-};
+export const onRequestError = Sentry.captureRequestError;
diff --git a/src/lib/supabase/client.ts b/src/lib/supabase/client.ts
@@ -3,6 +3,6 @@ import { createBrowserClient } from "@supabase/ssr";
 export function createClient() {
   return createBrowserClient(
     process.env.NEXT_PUBLIC_SUPABASE_URL!,
-    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
+    process.env.NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY!
   );
 }
diff --git a/src/lib/supabase/proxy.ts b/src/lib/supabase/proxy.ts
@@ -0,0 +1,30 @@
+import { createServerClient } from "@supabase/ssr";
+import { NextResponse, type NextRequest } from "next/server";
+
+export async function updateSession(request: NextRequest) {
+  let supabaseResponse = NextResponse.next({ request });
+
+  const supabase = createServerClient(
+    process.env.NEXT_PUBLIC_SUPABASE_URL!,
+    process.env.NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY!,
+    {
+      cookies: {
+        getAll() {
+          return request.cookies.getAll();
+        },
+        setAll(cookiesToSet) {
+          cookiesToSet.forEach(({ name, value }) =>
+            request.cookies.set(name, value)
+          );
+          supabaseResponse = NextResponse.next({ request });
+          cookiesToSet.forEach(({ name, value, options }) =>
+            supabaseResponse.cookies.set(name, value, options)
+          );
+        },
+      },
+    }
+  );
+
+  await supabase.auth.getUser();
+  return supabaseResponse;
+}
diff --git a/src/lib/supabase/server.ts b/src/lib/supabase/server.ts
@@ -5,7 +5,7 @@ export async function createClient() {
   const cookieStore = await cookies();
   return createServerClient(
     process.env.NEXT_PUBLIC_SUPABASE_URL!,
-    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
+    process.env.NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY!,
     {
       cookies: {
         getAll() {
diff --git a/src/proxy.ts b/src/proxy.ts
@@ -0,0 +1,18 @@
+import { updateSession } from "@/lib/supabase/proxy";
+import { NextResponse, type NextRequest } from "next/server";
+
+export async function proxy(request: NextRequest) {
+  if (
+    !process.env.NEXT_PUBLIC_SUPABASE_URL ||
+    !process.env.NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY
+  ) {
+    return NextResponse.next();
+  }
+  return await updateSession(request);
+}
+
+export const config = {
+  matcher: [
+    "/((?!monitoring|_next/static|_next/image|favicon.ico|api/health|.*\\.(?:svg|png|jpg|jpeg|gif|webp)$).*)",
+  ],
+};
