@inbeat/standards 0.7.0

package/template/src/app/global-error.tsx

@@ -0,0 +1,20 @@
+"use client";
+
+import * as Sentry from "@sentry/nextjs";
+import NextError from "next/error";
+import { useEffect } from "react";
+
+export default function GlobalError({ error }: { error: Error & { digest?: string } }) {
+  useEffect(() => {
+    Sentry.captureException(error);
+  }, [error]);
+
+  return (
+    <html lang="en">
+      <body>
+        {/* App Router exposes no status code here; 0 renders Next's generic message. */}
+        <NextError statusCode={0} />
+      </body>
+    </html>
+  );
+}

package/template/src/app/globals.css

@@ -0,0 +1,4 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+@import "shadcn/tailwind.css";
+@import "@inbeat/ui/theme.css";

package/template/src/app/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>App icon</title><rect width="32" height="32" rx="8" fill="#111"/><circle cx="16" cy="16" r="6" fill="#fff"/></svg>

package/template/src/app/layout.tsx

@@ -0,0 +1,24 @@
+import { fontVariables } from "@inbeat/next/fonts";
+import { Toaster } from "@inbeat/ui/components/sonner";
+import { TooltipProvider } from "@inbeat/ui/components/tooltip";
+import type { Metadata } from "next";
+import type { ReactNode } from "react";
+import "./globals.css";
+
+export const metadata: Metadata = {
+  title: "inBeat app",
+  description: "Built on the inBeat toolkit",
+};
+
+export default function RootLayout({ children }: Readonly<{ children: ReactNode }>) {
+  return (
+    <html lang="en" className={fontVariables}>
+      <body className="min-h-screen font-sans antialiased">
+        <TooltipProvider>
+          <Toaster position="top-center" />
+          {children}
+        </TooltipProvider>
+      </body>
+    </html>
+  );
+}

package/template/src/app/loading.tsx

@@ -0,0 +1,9 @@
+import { Spinner } from "@inbeat/ui/components/spinner";
+
+export default function Loading() {
+  return (
+    <main className="flex min-h-screen items-center justify-center">
+      <Spinner />
+    </main>
+  );
+}

package/template/src/app/not-found.tsx

@@ -0,0 +1,14 @@
+import { Button } from "@inbeat/ui/components/button";
+import Link from "next/link";
+import { ROUTES } from "@/shared/config/routes";
+
+export default function NotFound() {
+  return (
+    <main className="flex min-h-screen flex-col items-center justify-center gap-4 px-6 text-center">
+      <h1 className="text-2xl font-medium">Page not found</h1>
+      <Button variant="outline" asChild>
+        <Link href={ROUTES.home}>Back home</Link>
+      </Button>
+    </main>
+  );
+}

package/template/src/app/page.tsx

@@ -0,0 +1,7 @@
+export default function HomePage() {
+  return (
+    <main className="grid min-h-screen place-items-center">
+      <p className="text-muted-foreground">inBeat app</p>
+    </main>
+  );
+}

package/template/src/app/robots.ts

@@ -0,0 +1,6 @@
+import type { MetadataRoute } from "next";
+
+export default function robots(): MetadataRoute.Robots {
+  // Internal tools by default; public sites must opt in to indexing.
+  return { rules: { userAgent: "*", disallow: "/" } };
+}

package/template/src/instrumentation-client.ts

@@ -0,0 +1,14 @@
+import { sentryClientOptions } from "@inbeat/next/sentry-client";
+import * as Sentry from "@sentry/nextjs";
+import { env } from "@/shared/config/env";
+
+Sentry.init(
+  sentryClientOptions({
+    dsn: env.NEXT_PUBLIC_SENTRY_DSN,
+    // Dev and E2E fixture failures would otherwise trip the new-issue alert.
+    enabled: process.env.NODE_ENV === "production",
+    environment: env.NEXT_PUBLIC_VERCEL_ENV,
+  }),
+);
+
+export const onRouterTransitionStart = Sentry.captureRouterTransitionStart;

package/template/src/instrumentation.ts

@@ -0,0 +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 = Sentry.captureRequestError;

package/template/src/shared/config/env.ts

@@ -0,0 +1,19 @@
+import { appUrlEnv, sentryClientEnv } from "@inbeat/core/env";
+import { createEnv } from "@t3-oss/env-nextjs";
+import { z } from "zod";
+
+export const env = createEnv({
+  server: {
+    ...appUrlEnv,
+  },
+  client: {
+    ...sentryClientEnv,
+    NEXT_PUBLIC_VERCEL_ENV: z.enum(["production", "preview", "development"]).optional(),
+  },
+  experimental__runtimeEnv: {
+    NEXT_PUBLIC_SENTRY_DSN: process.env.NEXT_PUBLIC_SENTRY_DSN,
+    NEXT_PUBLIC_VERCEL_ENV: process.env.NEXT_PUBLIC_VERCEL_ENV,
+  },
+  emptyStringAsUndefined: true,
+  skipValidation: process.env.SKIP_ENV_VALIDATION === "1",
+});

package/template/src/shared/config/routes.ts

@@ -0,0 +1,3 @@
+export const ROUTES = {
+  home: "/",
+} as const;

package/template/src/test/server-only.ts

@@ -0,0 +1 @@
+export {};

package/template/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "@inbeat/config/tsconfig/nextjs.json",
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules", ".next"]
+}

package/template/vitest.config.ts

@@ -0,0 +1,14 @@
+import { fileURLToPath } from "node:url";
+import { vitestPreset } from "@inbeat/config/vitest";
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  ...vitestPreset,
+  resolve: {
+    tsconfigPaths: true,
+    alias: {
+      // `server-only` throws outside the react-server condition, which vitest does not set.
+      "server-only": fileURLToPath(new URL("./src/test/server-only.ts", import.meta.url)),
+    },
+  },
+});