add nextjs frontend and backend

apps/web/src/app/(home)/_components/StackArchitech.tsx

@@ -132,7 +132,8 @@ const StackArchitect = ({
 		const hasWebFrontend =
 			stack.frontend.includes("tanstack-router") ||
 			stack.frontend.includes("react-router") ||
-			stack.frontend.includes("tanstack-start");
+			stack.frontend.includes("tanstack-start") ||
+			stack.frontend.includes("next");
 
 		notes.frontend = [];
 
@@ -281,6 +282,7 @@ const StackArchitect = ({
 						"tanstack-router",
 						"react-router",
 						"tanstack-start",
+						"next",
 					];
 
 					if (techId === "none") {

apps/web/src/lib/constant.ts

@@ -24,6 +24,14 @@ export const TECH_OPTIONS = {
 			color: "from-purple-400 to-purple-600",
 			default: false,
 		},
+		{
+			id: "next",
+			name: "Next.js",
+			description: "React framework with hybrid rendering",
+			icon: "▲",
+			color: "from-gray-700 to-black",
+			default: false,
+		},
 		{
 			id: "native",
 			name: "React Native",
@@ -67,6 +75,13 @@ export const TECH_OPTIONS = {
 			color: "from-blue-500 to-blue-700",
 			default: true,
 		},
+		{
+			id: "next",
+			name: "Next.js",
+			description: "App Router and API Routes",
+			icon: "▲",
+			color: "from-gray-700 to-black",
+		},
 		{
 			id: "elysia",
 			name: "Elysia",