revert: remove Vercel demo and all related changes

Reverts commits 059b302, e0bf43c, 3a9e74d, 4f6cf9b.
Restored original Next.js example, render.ts, and package.json.
Homepage now points to GitHub README.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: sayefdeen

.gitignore

@@ -11,5 +11,4 @@ coverage
 *.log
 .next
 .trpc-studio.json
-packages/server/src/ui-assets.ts
 plan.md

examples/nextjs/.eslintrc.cjs

@@ -4,21 +4,19 @@
   "private": true,
   "scripts": {
     "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
+    "build": "echo 'skip'",
     "lint": "echo 'skip'"
   },
   "dependencies": {
-    "@srawad/trpc-studio": "workspace:*",
     "@trpc/server": "^10.45.0",
     "next": "^14.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "@srawad/trpc-studio": "workspace:*",
     "zod": "^3.22.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
-    "eslint-config-next": "^14.0.0"
+    "@types/react-dom": "^18.2.0"
   }
 }

examples/nextjs/next-env.d.ts

@@ -1,17 +1,18 @@
 import { NextResponse } from "next/server";
-import { renderTrpcStudio } from "@srawad/trpc-studio";
 
 import { appRouter } from "~/server/router";
 
-export function GET() {
+export async function GET() {
+  if (process.env.NODE_ENV !== "development") {
+    return new NextResponse("Not Found", { status: 404 });
+  }
+
+  const { renderTrpcStudio } = await import("@srawad/trpc-studio");
+
   return new NextResponse(
     renderTrpcStudio(appRouter, {
       url: "/api/trpc",
-      meta: {
-        title: "trpc-studio Demo",
-        description: "A live demo of trpc-studio with an example tRPC API",
-        version: "0.1.5",
-      },
+      meta: { title: "My API" },
     }),
     { status: 200, headers: { "Content-Type": "text/html" } },
   );

examples/nextjs/next.config.js

@@ -3,92 +3,16 @@ import { z } from "zod";
 
 const t = initTRPC.create();
 
-const userRouter = t.router({
-  getById: t.procedure.input(z.object({ id: z.string() })).query(({ input }) => {
-    return {
-      id: input.id,
-      name: "Jane Smith",
-      email: "jane@example.com",
-      role: "admin" as const,
-      createdAt: new Date().toISOString(),
-    };
-  }),
-
-  list: t.procedure
-    .input(
-      z
-        .object({
-          limit: z.number().min(1).max(100).default(10),
-          offset: z.number().min(0).default(0),
-        })
-        .optional(),
-    )
-    .query(({ input }) => {
-      return {
-        users: [
-          { id: "1", name: "Jane Smith", email: "jane@example.com" },
-          { id: "2", name: "John Doe", email: "john@example.com" },
-        ],
-        total: 2,
-        limit: input?.limit ?? 10,
-        offset: input?.offset ?? 0,
-      };
-    }),
-
-  create: t.procedure
-    .input(
-      z.object({
-        name: z.string().min(1),
-        email: z.string().email(),
-        role: z.enum(["admin", "user", "moderator"]).default("user"),
-        tags: z.array(z.string()).optional(),
-      }),
-    )
-    .mutation(({ input }) => {
-      return {
-        id: Math.random().toString(36).slice(2),
-        ...input,
-        createdAt: new Date().toISOString(),
-      };
-    }),
-});
-
-const postRouter = t.router({
-  getById: t.procedure.input(z.object({ id: z.string() })).query(({ input }) => {
-    return {
-      id: input.id,
-      title: "Getting Started with tRPC",
-      content: "tRPC allows you to build fully typesafe APIs...",
-      author: { id: "1", name: "Jane Smith" },
-      published: true,
-      tags: ["trpc", "typescript", "tutorial"],
-    };
+export const appRouter = t.router({
+  hello: t.procedure.input(z.object({ name: z.string().optional() })).query(({ input }) => {
+    return { greeting: `Hello ${input.name ?? "world"}!` };
   }),
 
-  create: t.procedure
-    .input(
-      z.object({
-        title: z.string().min(1),
-        content: z.string(),
-        published: z.boolean().default(false),
-        tags: z.array(z.string()).optional(),
-      }),
-    )
-    .mutation(({ input }) => {
-      return {
-        id: Math.random().toString(36).slice(2),
-        ...input,
-        createdAt: new Date().toISOString(),
-      };
+  user: t.router({
+    getById: t.procedure.input(z.object({ id: z.string() })).query(({ input }) => {
+      return { id: input.id, name: "John Doe", email: "john@example.com" };
     }),
-});
-
-export const appRouter = t.router({
-  health: t.procedure.query(() => {
-    return { status: "ok", timestamp: new Date().toISOString() };
   }),
-  user: userRouter,
-  post: postRouter,
 });
 
 export type AppRouter = typeof appRouter;