update stack architech

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

@@ -39,7 +39,7 @@ export default function SponsorsSection() {
 					alt="Sponsors"
 					width={1000}
 					height={500}
-					className="h-auto max-w-full"
+					className="h-auto max-w-full md:max-w-2xl"
 					style={{ colorScheme: "light" }}
 				/>
 			</motion.div>

apps/web/src/lib/constant.ts

@@ -100,7 +100,7 @@ export const TECH_OPTIONS = {
 			color: "from-green-400 to-green-600",
 		},
 	],
-	backendFramework: [
+	backend: [
 		{
 			id: "hono",
 			name: "Hono",
@@ -130,6 +130,13 @@ export const TECH_OPTIONS = {
 			icon: "/icon/express.svg",
 			color: "from-gray-500 to-gray-700",
 		},
+		{
+			id: "convex",
+			name: "Convex",
+			description: "Reactive backend-as-a-service",
+			icon: "/icon/convex.svg",
+			color: "from-pink-500 to-pink-700",
+		},
 	],
 	database: [
 		{
@@ -385,7 +392,7 @@ export const PRESET_TEMPLATES = [
 			projectName: "my-better-t-app",
 			frontend: ["tanstack-router"],
 			runtime: "bun",
-			backendFramework: "hono",
+			backend: "hono",
 			database: "sqlite",
 			orm: "drizzle",
 			dbSetup: "none",
@@ -398,15 +405,36 @@ export const PRESET_TEMPLATES = [
 			api: "trpc",
 		},
 	},
+	{
+		id: "convex-react",
+		name: "Convex + React",
+		description: "Reactive full-stack app with Convex and TanStack Router",
+		stack: {
+			projectName: "my-convex-app",
+			frontend: ["tanstack-router"],
+			backend: "convex",
+			runtime: "none",
+			database: "none",
+			orm: "none",
+			dbSetup: "none",
+			auth: "false",
+			packageManager: "bun",
+			addons: [],
+			examples: ["todo"],
+			git: "true",
+			install: "true",
+			api: "none",
+		},
+	},
 	{
 		id: "native-app",
 		name: "Mobile App",
 		description: "React Native with Expo and SQLite database",
 		stack: {
-			projectName: "my-better-t-app",
+			projectName: "my-native-app",
 			frontend: ["native"],
 			runtime: "bun",
-			backendFramework: "hono",
+			backend: "hono",
 			database: "sqlite",
 			orm: "drizzle",
 			dbSetup: "none",
@@ -424,10 +452,10 @@ export const PRESET_TEMPLATES = [
 		name: "API Only",
 		description: "Backend API with Hono and PostgreSQL",
 		stack: {
-			projectName: "my-better-t-app",
+			projectName: "my-api",
 			frontend: ["none"],
 			runtime: "bun",
-			backendFramework: "hono",
+			backend: "hono",
 			database: "postgres",
 			orm: "drizzle",
 			dbSetup: "none",
@@ -443,12 +471,12 @@ export const PRESET_TEMPLATES = [
 	{
 		id: "full-featured",
 		name: "Full Featured",
-		description: "Complete setup with all the bells and whistles",
+		description: "Complete setup with web, native, Turso, and addons",
 		stack: {
-			projectName: "my-better-t-app",
+			projectName: "my-full-app",
 			frontend: ["tanstack-router", "native"],
 			runtime: "bun",
-			backendFramework: "hono",
+			backend: "hono",
 			database: "sqlite",
 			orm: "drizzle",
 			dbSetup: "turso",
@@ -467,7 +495,7 @@ export type StackState = {
 	projectName: string;
 	frontend: string[];
 	runtime: string;
-	backendFramework: string;
+	backend: string;
 	database: string;
 	orm: string;
 	dbSetup: string;
@@ -484,7 +512,7 @@ export const DEFAULT_STACK: StackState = {
 	projectName: "my-better-t-app",
 	frontend: ["tanstack-router"],
 	runtime: "bun",
-	backendFramework: "hono",
+	backend: "hono",
 	database: "sqlite",
 	orm: "drizzle",
 	dbSetup: "none",

apps/web/src/lib/stack-url-state.ts

@@ -16,9 +16,9 @@ export const stackParsers = {
 	runtime: parseAsStringEnum<StackState["runtime"]>(
 		getValidIds("runtime"),
 	).withDefault(DEFAULT_STACK.runtime),
-	backendFramework: parseAsStringEnum<StackState["backendFramework"]>(
-		getValidIds("backendFramework"),
-	).withDefault(DEFAULT_STACK.backendFramework),
+	backend: parseAsStringEnum<StackState["backend"]>(
+		getValidIds("backend"),
+	).withDefault(DEFAULT_STACK.backend),
 	api: parseAsStringEnum<StackState["api"]>(getValidIds("api")).withDefault(
 		DEFAULT_STACK.api,
 	),
@@ -52,7 +52,7 @@ export const stackUrlKeys: UrlKeys<typeof stackParsers> = {
 	projectName: "name",
 	frontend: "fe",
 	runtime: "rt",
-	backendFramework: "be",
+	backend: "be",
 	api: "api",
 	database: "db",
 	orm: "orm",