feat(web-next): add Next.js 15 app shell with tRPC endpoint

2026-04-06 14:49:43 +02:00
parent 8da107a446
commit 2b9a1adafd
7 changed files with 86 additions and 4 deletions
--- a/apps/web-next/src/app/api/trpc/[trpc]/route.ts
+++ b/apps/web-next/src/app/api/trpc/[trpc]/route.ts
@@ -0,0 +1,12 @@
+import { fetchRequestHandler } from "@trpc/server/adapters/fetch";
+import { appRouter } from "@repo/api";
+
+const handler = (req: Request) =>
+  fetchRequestHandler({
+    endpoint: "/api/trpc",
+    req,
+    router: appRouter,
+    createContext: () => ({}),
+  });
+
+export { handler as GET, handler as POST };
--- a/apps/web-next/src/app/layout.tsx
+++ b/apps/web-next/src/app/layout.tsx
@@ -0,0 +1,21 @@
+import type { Metadata } from "next";
+import { Providers } from "./providers";
+
+export const metadata: Metadata = {
+  title: "Template — Next.js",
+  description: "Clean Architecture Monorepo Template",
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body>
+        <Providers>{children}</Providers>
+      </body>
+    </html>
+  );
+}
--- a/apps/web-next/src/app/page.tsx
+++ b/apps/web-next/src/app/page.tsx
@@ -0,0 +1,8 @@
+export default function Home() {
+  return (
+    <main>
+      <h1>Template — Next.js</h1>
+      <p>Clean Architecture Monorepo Template</p>
+    </main>
+  );
+}
--- a/apps/web-next/src/app/providers.tsx
+++ b/apps/web-next/src/app/providers.tsx
@@ -0,0 +1,7 @@
+"use client";
+
+import { ApiProvider } from "@repo/api-client";
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  return <ApiProvider trpcUrl="/api/trpc">{children}</ApiProvider>;
+}