update stack architech

apps/web/public/icon/convex.svg

@@ -0,0 +1,5 @@
+<svg width="184" height="188" viewBox="0 0 184 188" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M108.092 130.021C126.258 128.003 143.385 118.323 152.815 102.167C148.349 142.128 104.653 167.385 68.9858 151.878C65.6992 150.453 62.8702 148.082 60.9288 145.034C52.9134 132.448 50.2786 116.433 54.0644 101.899C64.881 120.567 86.8748 132.01 108.092 130.021Z" fill="#F3B01C"/>
+<path d="M53.4012 90.1735C46.0375 107.191 45.7186 127.114 54.7463 143.51C22.9759 119.608 23.3226 68.4578 54.358 44.7949C57.2286 42.6078 60.64 41.3097 64.2178 41.1121C78.9312 40.336 93.8804 46.0225 104.364 56.6193C83.0637 56.831 62.318 70.4756 53.4012 90.1735Z" fill="#8D2676"/>
+<path d="M114.637 61.8552C103.89 46.8701 87.0686 36.6684 68.6387 36.358C104.264 20.1876 148.085 46.4045 152.856 85.1654C153.3 88.7635 152.717 92.4322 151.122 95.6775C144.466 109.195 132.124 119.679 117.702 123.559C128.269 103.96 126.965 80.0151 114.637 61.8552Z" fill="#EE342F"/>
+</svg>

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"]>(
+	backend: parseAsStringEnum<StackState["backend"]>(
-		getValidIds("backendFramework"),
+		getValidIds("backend"),
-	).withDefault(DEFAULT_STACK.backendFramework),
+	).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",

bun.lock

@@ -14,7 +14,7 @@
     },
     "apps/cli": {
       "name": "create-better-t-stack",
-      "version": "2.2.2",
+      "version": "2.2.4",
       "bin": {
         "create-better-t-stack": "dist/index.js",
       },