franpcode/create-better-t-stack
1
0
Fork 0
mirror of https://github.com/FranP-code/create-better-t-stack.git synced 2025-10-12 23:52:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

update stack architech

Browse Source
This commit is contained in:
Aman Varshney
2025-04-29 18:48:50 +05:30
parent 2a5358a105
commit 6ee36e3035
6 changed files with 832 additions and 610 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/web/public/icon/convex.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 948 B

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

@@ -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>

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

File diff suppressed because it is too large Load Diff

50
apps/web/src/lib/constant.ts
View File

@@ -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",

8
apps/web/src/lib/stack-url-state.ts
View File

@@ -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",