nextjs-hackathon-stack 0.1.7 → 0.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nextjs-hackathon-stack",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "Scaffold a full-stack Next.js hackathon starter",
   "type": "module",
   "bin": {

package/template/_env.example

@@ -9,12 +9,11 @@ NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key
 # Supabase DB — https://supabase.com > Project Settings > Database > Connection string (URI)
 DATABASE_URL=postgresql://postgres:[password]@db.your-project-id.supabase.co:5432/postgres
 
-# MiniMax — https://www.minimaxi.chat > API Keys
-MINIMAX_API_KEY=your-minimax-api-key
-
 # Vercel AI Gateway — https://vercel.com > AI > Gateways
-# Format: https://gateway.ai.vercel.app/v1/{team-id}/{gateway-id}
-AI_GATEWAY_URL=https://gateway.ai.vercel.app/v1/your-team-id/your-gateway-id
+AI_GATEWAY_API_KEY=your-ai-gateway-api-key
+
+# Optional: override the gateway base URL (defaults to https://gateway.ai.vercel.app/v1)
+# AI_GATEWAY_URL=https://gateway.ai.vercel.app/v1
 
 # =============================================================================
 # OPTIONAL

package/template/src/app/api/chat/route.ts

@@ -0,0 +1,25 @@
+import { streamText, type CoreMessage } from "ai";
+
+import { aiModel } from "@/shared/lib/ai";
+
+export const runtime = "edge";
+
+export async function POST(req: Request) {
+  const { messages } = (await req.json()) as { messages: CoreMessage[] };
+
+  try {
+    const result = streamText({
+      model: aiModel,
+      messages,
+      maxTokens: 2048,
+    });
+
+    return result.toDataStreamResponse();
+  } catch (error) {
+    console.error("[chat] streamText error:", error);
+    return new Response(
+      JSON.stringify({ error: error instanceof Error ? error.message : "AI request failed" }),
+      { status: 500, headers: { "Content-Type": "application/json" } }
+    );
+  }
+}

package/template/src/app/error.tsx

@@ -0,0 +1,28 @@
+"use client";
+
+import { useEffect } from "react";
+
+export default function Error({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string };
+  reset: () => void;
+}) {
+  useEffect(() => {
+    console.error(error);
+  }, [error]);
+
+  return (
+    <div className="flex min-h-screen flex-col items-center justify-center gap-4">
+      <h2 className="text-xl font-semibold">Something went wrong</h2>
+      <p className="text-muted-foreground text-sm">{error.message}</p>
+      <button
+        onClick={reset}
+        className="rounded bg-primary px-4 py-2 text-primary-foreground"
+      >
+        Try again
+      </button>
+    </div>
+  );
+}

package/template/src/features/chat/components/chat-ui.tsx

@@ -4,7 +4,7 @@ import { useChat } from "@ai-sdk/react";
 
 export function ChatUi() {
   const { messages, input, handleInputChange, handleSubmit, status } = useChat({
-    api: "/features/chat/api",
+    api: "/api/chat",
   });
   const isLoading = status === "streaming" || status === "submitted";
 

package/template/src/shared/lib/ai.ts

@@ -1,8 +1,8 @@
 import { createOpenAI } from "@ai-sdk/openai";
 
 const gateway = createOpenAI({
-  baseURL: process.env.AI_GATEWAY_URL ?? "https://api.minimaxi.chat/v1",
-  apiKey: process.env.MINIMAX_API_KEY ?? "",
+  baseURL: process.env.AI_GATEWAY_URL ?? "https://gateway.ai.vercel.app/v1",
+  apiKey: process.env.AI_GATEWAY_API_KEY ?? "",
 });
 
 export const aiModel = gateway("minimax/minimax-m2.7");

package/template/src/features/chat/api/route.ts

@@ -1,17 +0,0 @@
-import { streamText, type CoreMessage } from "ai";
-
-import { aiModel } from "@/shared/lib/ai";
-
-export const runtime = "edge";
-
-export async function POST(req: Request) {
-  const { messages } = (await req.json()) as { messages: CoreMessage[] };
-
-  const result = streamText({
-    model: aiModel,
-    messages,
-    maxTokens: 2048,
-  });
-
-  return result.toDataStreamResponse();
-}