Skip to content

Commit b63228c

Browse files
jherrjherr
committed
fix: removing no hosting option
1 parent ebcdb87 commit b63228c

File tree

6 files changed

+184
-141
lines changed

6 files changed

+184
-141
lines changed

‎frameworks/react-cra/add-ons/start/assets/src/routes/index.tsx.ejs‎

Lines changed: 134 additions & 110 deletions
Original file line numberDiff line numberDiff line change
@@ -1,116 +1,140 @@
11
import { createFileRoute } from "@tanstack/react-router"; <% if (!tailwind) { %>
2-
import logo from "../logo.svg"; import "../App.css"; <% } else { %> import {
3-
Zap, Server, Route as RouteIcon, Shield, Waves, Sparkles, } from "lucide-react";
4-
<% } %> export const Route = createFileRoute("/")({ component: App, }); function
5-
App() { <% if (tailwind) { %> const features = [ { icon:
6-
<Zap className="w-12 h-12 text-cyan-400" />, title: "Powerful Server Functions",
7-
description: "Write server-side code that seamlessly integrates with your client
8-
components. Type-safe, secure, and simple.", }, { icon:
9-
<Server className="w-12 h-12 text-cyan-400" />, title: "Flexible Server Side
10-
Rendering", description: "Full-document SSR, streaming, and progressive
11-
enhancement out of the box. Control exactly what renders where.", }, { icon:
12-
<RouteIcon className="w-12 h-12 text-cyan-400" />, title: "API Routes",
13-
description: "Build type-safe API endpoints alongside your application. No
14-
separate backend needed.", }, { icon:
15-
<Shield className="w-12 h-12 text-cyan-400" />, title: "Strongly Typed
16-
Everything", description: "End-to-end type safety from server to client. Catch
17-
errors before they reach production.", }, { icon:
18-
<Waves className="w-12 h-12 text-cyan-400" />, title: "Full Streaming Support",
19-
description: "Stream data from server to client progressively. Perfect for AI
20-
applications and real-time updates.", }, { icon:
21-
<Sparkles className="w-12 h-12 text-cyan-400" />, title: "Next Generation
22-
Ready", description: "Built from the ground up for modern web applications.
23-
Deploy anywhere JavaScript runs.", }, ]; return (
24-
<div
25-
className="min-h-screen bg-gradient-to-b from-slate-900 via-slate-800 to-slate-900"
26-
>
27-
<section className="relative py-20 px-6 text-center overflow-hidden">
28-
<div
29-
className="absolute inset-0 bg-gradient-to-r from-cyan-500/10 via-blue-500/10 to-purple-500/10"
30-
></div>
31-
<div className="relative max-w-5xl mx-auto">
32-
<div className="flex items-center justify-center gap-6 mb-6">
33-
<img
34-
src="/tanstack-circle-logo.png"
35-
alt="TanStack Logo"
36-
className="w-24 h-24 md:w-32 md:h-32"
37-
/>
38-
<h1
39-
className="text-6xl md:text-7xl font-black text-white [letter-spacing:-0.08em]"
40-
>
41-
<span className="text-gray-300">TANSTACK</span>{" "}
42-
<span
43-
className="bg-gradient-to-r from-cyan-400 to-blue-400 bg-clip-text text-transparent"
2+
import logo from "../logo.svg"
3+
import "../App.css"
4+
<% } else { %>
5+
import {
6+
Zap, Server, Route as RouteIcon, Shield, Waves, Sparkles, } from "lucide-react";
7+
<% } %>
8+
9+
export const Route = createFileRoute("/")({ component: App, });
10+
11+
function App() { <% if (tailwind) { %>
12+
const features = [
13+
{
14+
icon: <Zap className="w-12 h-12 text-cyan-400" />,
15+
title: "Powerful Server Functions",
16+
description: "Write server-side code that seamlessly integrates with your client components. Type-safe, secure, and simple.",
17+
},
18+
{
19+
icon: <Server className="w-12 h-12 text-cyan-400" />,
20+
title: "Flexible Server Side Rendering",
21+
description: "Full-document SSR, streaming, and progressive enhancement out of the box. Control exactly what renders where.",
22+
},
23+
{
24+
icon: <RouteIcon className="w-12 h-12 text-cyan-400" />,
25+
title: "API Routes",
26+
description: "Build type-safe API endpoints alongside your application. No separate backend needed.",
27+
},
28+
{
29+
icon: <Shield className="w-12 h-12 text-cyan-400" />,
30+
title: "Strongly Typed Everything",
31+
description: "End-to-end type safety from server to client. Catch errors before they reach production.",
32+
},
33+
{
34+
icon: <Waves className="w-12 h-12 text-cyan-400" />,
35+
title: "Full Streaming Support",
36+
description: "Stream data from server to client progressively. Perfect for AI applications and real-time updates.",
37+
},
38+
{
39+
icon: <Sparkles className="w-12 h-12 text-cyan-400" />,
40+
title: "Next Generation Ready",
41+
description: "Built from the ground up for modern web applications. Deploy anywhere JavaScript runs.",
42+
},
43+
];
44+
45+
return (
46+
<div
47+
className="min-h-screen bg-gradient-to-b from-slate-900 via-slate-800 to-slate-900"
48+
>
49+
<section className="relative py-20 px-6 text-center overflow-hidden">
50+
<div
51+
className="absolute inset-0 bg-gradient-to-r from-cyan-500/10 via-blue-500/10 to-purple-500/10"
52+
></div>
53+
<div className="relative max-w-5xl mx-auto">
54+
<div className="flex items-center justify-center gap-6 mb-6">
55+
<img
56+
src="/tanstack-circle-logo.png"
57+
alt="TanStack Logo"
58+
className="w-24 h-24 md:w-32 md:h-32"
59+
/>
60+
<h1
61+
className="text-6xl md:text-7xl font-black text-white [letter-spacing:-0.08em]"
4462
>
45-
START
46-
</span>
47-
</h1>
48-
</div>
49-
<p className="text-2xl md:text-3xl text-gray-300 mb-4 font-light">
50-
The framework for next generation AI applications
51-
</p>
52-
<p className="text-lg text-gray-400 max-w-3xl mx-auto mb-8">
53-
Full-stack framework powered by TanStack Router for React and Solid.
54-
Build modern applications with server functions, streaming, and type
55-
safety.
56-
</p>
57-
<div className="flex flex-col items-center gap-4">
58-
<a
59-
href="https://tanstack.com/start"
60-
target="_blank"
61-
rel="noopener noreferrer"
62-
className="px-8 py-3 bg-cyan-500 hover:bg-cyan-600 text-white font-semibold rounded-lg transition-colors shadow-lg shadow-cyan-500/50"
63-
>
64-
Documentation
65-
</a>
66-
<p className="text-gray-400 text-sm mt-2">
67-
Begin your TanStack Start journey by editing{" "}
68-
<code className="px-2 py-1 bg-slate-700 rounded text-cyan-400">
69-
/src/routes/index.tsx
70-
</code>
63+
<span className="text-gray-300">TANSTACK</span>{" "}
64+
<span
65+
className="bg-gradient-to-r from-cyan-400 to-blue-400 bg-clip-text text-transparent"
66+
>
67+
START
68+
</span>
69+
</h1>
70+
</div>
71+
<p className="text-2xl md:text-3xl text-gray-300 mb-4 font-light">
72+
The framework for next generation AI applications
7173
</p>
74+
<p className="text-lg text-gray-400 max-w-3xl mx-auto mb-8">
75+
Full-stack framework powered by TanStack Router for React and Solid.
76+
Build modern applications with server functions, streaming, and type
77+
safety.
78+
</p>
79+
<div className="flex flex-col items-center gap-4">
80+
<a
81+
href="https://tanstack.com/start"
82+
target="_blank"
83+
rel="noopener noreferrer"
84+
className="px-8 py-3 bg-cyan-500 hover:bg-cyan-600 text-white font-semibold rounded-lg transition-colors shadow-lg shadow-cyan-500/50"
85+
>
86+
Documentation
87+
</a>
88+
<p className="text-gray-400 text-sm mt-2">
89+
Begin your TanStack Start journey by editing{" "}
90+
<code className="px-2 py-1 bg-slate-700 rounded text-cyan-400">
91+
/src/routes/index.tsx
92+
</code>
93+
</p>
94+
</div>
7295
</div>
73-
</div>
74-
</section>
96+
</section>
7597
76-
<section className="py-16 px-6 max-w-7xl mx-auto">
77-
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
78-
{features.map((feature, index) => (
79-
<div
80-
key="{index}"
81-
className="bg-slate-800/50 backdrop-blur-sm border border-slate-700 rounded-xl p-6 hover:border-cyan-500/50 transition-all duration-300 hover:shadow-lg hover:shadow-cyan-500/10"
82-
>
83-
<div className="mb-4">{feature.icon}</div>
84-
<h3 className="text-xl font-semibold text-white mb-3">
85-
{feature.title}
86-
</h3>
87-
<p className="text-gray-400 leading-relaxed">{feature.description}</p>
98+
<section className="py-16 px-6 max-w-7xl mx-auto">
99+
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
100+
{features.map((feature, index) => (
101+
<div
102+
key="{index}"
103+
className="bg-slate-800/50 backdrop-blur-sm border border-slate-700 rounded-xl p-6 hover:border-cyan-500/50 transition-all duration-300 hover:shadow-lg hover:shadow-cyan-500/10"
104+
>
105+
<div className="mb-4">{feature.icon}</div>
106+
<h3 className="text-xl font-semibold text-white mb-3">
107+
{feature.title}
108+
</h3>
109+
<p className="text-gray-400 leading-relaxed">{feature.description}</p>
110+
</div>
111+
))}
88112
</div>
89-
))}
90-
</div>
91-
</section>
92-
</div>
93-
); <% } else { %> return (
94-
<div className="App">
95-
<header className="App-header">
96-
<img src="{logo}" className="App-logo" alt="logo" />
97-
<p>Edit <code>src/routes/index.tsx</code> and save to reload.</p>
98-
<a
99-
className="App-link"
100-
href="https://reactjs.org"
101-
target="_blank"
102-
rel="noopener noreferrer"
103-
>
104-
Learn React
105-
</a>
106-
<a
107-
className="App-link"
108-
href="https://tanstack.com"
109-
target="_blank"
110-
rel="noopener noreferrer"
111-
>
112-
Learn TanStack
113-
</a>
114-
</header>
115-
</div>
116-
); <% } %> }
113+
</section>
114+
</div>
115+
); <% } else { %> return (
116+
<div className="App">
117+
<header className="App-header">
118+
<img src="{logo}" className="App-logo" alt="logo" />
119+
<p>Edit <code>src/routes/index.tsx</code> and save to reload.</p>
120+
<a
121+
className="App-link"
122+
href="https://reactjs.org"
123+
target="_blank"
124+
rel="noopener noreferrer"
125+
>
126+
Learn React
127+
</a>
128+
<a
129+
className="App-link"
130+
href="https://tanstack.com"
131+
target="_blank"
132+
rel="noopener noreferrer"
133+
>
134+
Learn TanStack
135+
</a>
136+
</header>
137+
</div>
138+
);
139+
<% } %>
140+
}

0 commit comments

Comments
 (0)