create-frootkit 1.1.2 → 1.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -11,7 +11,7 @@ import { scaffoldProject } from './scaffold.js';
11
11
  export * from './template.js';
12
12
  export * from './scaffold.js';
13
13
  export * from './ui.js';
14
- const VERSION = '1.1.2';
14
+ const VERSION = '1.1.3';
15
15
  function parseCliArgs(argv) {
16
16
  const raw = argv.slice(2);
17
17
  const args = {};
@@ -1 +1 @@
1
- {"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../src/template.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,eAAe;IAC9B,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,wBAAgB,wBAAwB,CAAC,WAAW,EAAE,MAAM,GAAG,eAAe,CAyU7E;AAED,eAAO,MAAM,yBAAyB,iCAA2B,CAAC"}
1
+ {"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../src/template.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,eAAe;IAC9B,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,wBAAgB,wBAAwB,CAAC,WAAW,EAAE,MAAM,GAAG,eAAe,CA8Z7E;AAED,eAAO,MAAM,yBAAyB,iCAA2B,CAAC"}
package/dist/template.js CHANGED
@@ -88,8 +88,7 @@ body {
88
88
  color: #f8fafc;
89
89
  }
90
90
  `,
91
- 'src/app/layout.tsx': `/** @jsxImportSource preact */
92
- import type { ComponentChildren } from 'preact';
91
+ 'src/app/layout.tsx': `import type { ComponentChildren } from 'preact';
93
92
 
94
93
  export interface RootLayoutProps {
95
94
  children: ComponentChildren;
@@ -100,8 +99,10 @@ export interface RootLayoutProps {
100
99
  }
101
100
 
102
101
  export default function RootLayout({ children, metadata }: RootLayoutProps) {
103
- const title = metadata?.title || 'Froot Fullstack App — Next.js Alternative';
104
- const description = metadata?.description || 'Ultra-fast Preact SSR & Tailwind CSS v4 native web application.';
102
+ const title = metadata?.title || 'FrootKit — The Next.js Alternative for Preact';
103
+ const description =
104
+ metadata?.description ||
105
+ 'High-performance fullstack web application powered by Preact SSR, nested layouts, Tailwind CSS v4, and dynamic API routes.';
105
106
 
106
107
  return (
107
108
  <html lang="en" class="dark scroll-smooth">
@@ -112,39 +113,248 @@ export default function RootLayout({ children, metadata }: RootLayoutProps) {
112
113
  <meta name="description" content={description} />
113
114
  <link rel="stylesheet" href="/styles.css" />
114
115
  </head>
115
- <body class="bg-[#030712] text-slate-100 min-h-screen antialiased">
116
+ <body class="bg-[#030712] text-slate-100 min-h-screen antialiased selection:bg-emerald-500/20 selection:text-emerald-300">
116
117
  {children}
117
118
  </body>
118
119
  </html>
119
120
  );
120
121
  }
121
122
  `,
122
- 'src/app/page.tsx': `/** @jsxImportSource preact */
123
- export const metadata = {
124
- title: 'Home — Froot Fullstack Application',
125
- description: 'Next.js Alternative with Preact SSR, nested layouts, and native Tailwind v4.',
123
+ 'src/app/page.tsx': `export const metadata = {
124
+ title: 'FrootKit — Next.js Alternative for Preact & Froot',
125
+ description: 'Ultra-fast Preact SSR, nested layouts, native Tailwind CSS v4, and dynamic API routes.',
126
126
  };
127
127
 
128
128
  export default function HomePage() {
129
129
  return (
130
- <div class="max-w-4xl mx-auto px-6 py-20 text-center">
131
- <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-emerald-500/10 border border-emerald-500/25 text-xs font-semibold text-emerald-400 mb-6">
132
- Next.js Alternative &bull; Preact SSR &bull; Tailwind CSS v4
133
- </div>
134
- <h1 class="text-4xl sm:text-6xl font-extrabold text-white tracking-tight mb-4">
135
- Extreme Performance <span class="text-emerald-400">Fullstack Engine</span>
136
- </h1>
137
- <p class="text-slate-300 text-lg max-w-2xl mx-auto mb-8">
138
- Sub-millisecond Preact SSR, hierarchical nested layouts, and zero-wrapper CLI builds.
139
- </p>
140
- <div class="flex items-center justify-center gap-4">
141
- <a
142
- href="/docs"
143
- class="px-5 py-2.5 rounded-lg bg-emerald-500 text-slate-950 font-bold hover:bg-emerald-400 transition-colors"
144
- >
145
- Explore Docs &rarr;
146
- </a>
130
+ <div class="min-h-screen flex flex-col justify-between">
131
+ {/* Background glow effects */}
132
+ <div class="fixed inset-0 overflow-hidden pointer-events-none -z-10">
133
+ <div class="absolute -top-40 left-1/2 -translate-x-1/2 w-[800px] h-[500px] bg-gradient-to-tr from-emerald-500/15 via-teal-500/10 to-cyan-500/5 blur-[120px] rounded-full" />
134
+ <div class="absolute top-1/2 -left-40 w-[600px] h-[400px] bg-emerald-600/10 blur-[140px] rounded-full" />
147
135
  </div>
136
+
137
+ {/* Navigation Header */}
138
+ <header class="border-b border-slate-800/80 bg-slate-950/40 backdrop-blur-md sticky top-0 z-50">
139
+ <div class="max-w-6xl mx-auto px-6 h-16 flex items-center justify-between">
140
+ <div class="flex items-center gap-3">
141
+ <span class="text-emerald-400 font-extrabold text-xl tracking-tight flex items-center gap-2">
142
+ <span class="inline-block w-3 h-3 rounded-full bg-emerald-400 animate-pulse" />
143
+ FrootKit
144
+ </span>
145
+ <span class="px-2 py-0.5 text-[11px] font-mono font-medium rounded-full bg-emerald-500/10 text-emerald-400 border border-emerald-500/20">
146
+ v1.3.1
147
+ </span>
148
+ </div>
149
+
150
+ <nav class="flex items-center gap-6 text-sm font-medium">
151
+ <a
152
+ href="https://frootjs.org"
153
+ target="_blank"
154
+ rel="noreferrer"
155
+ class="text-slate-300 hover:text-white transition-colors"
156
+ >
157
+ Docs
158
+ </a>
159
+ <a
160
+ href="/api/health"
161
+ class="text-slate-300 hover:text-emerald-400 transition-colors font-mono text-xs px-2.5 py-1 rounded-md bg-slate-900 border border-slate-800"
162
+ >
163
+ /api/health
164
+ </a>
165
+ <a
166
+ href="https://github.com/orbitnorth/frootkit"
167
+ target="_blank"
168
+ rel="noreferrer"
169
+ class="flex items-center gap-2 text-slate-300 hover:text-white transition-colors"
170
+ >
171
+ <svg class="w-4 h-4 fill-current" viewBox="0 0 24 24">
172
+ <path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z" />
173
+ </svg>
174
+ GitHub
175
+ </a>
176
+ </nav>
177
+ </div>
178
+ </header>
179
+
180
+ {/* Hero Section */}
181
+ <main class="max-w-6xl mx-auto px-6 py-16 sm:py-24 flex-1 flex flex-col justify-center">
182
+ <div class="text-center max-w-3xl mx-auto mb-16">
183
+ <div class="inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-emerald-500/10 border border-emerald-500/25 text-xs font-semibold text-emerald-400 mb-8 shadow-sm shadow-emerald-950">
184
+ <span class="w-1.5 h-1.5 rounded-full bg-emerald-400" />
185
+ Next.js App Router Conventions &bull; Zero Overhead
186
+ </div>
187
+
188
+ <h1 class="text-4xl sm:text-6xl md:text-7xl font-extrabold text-white tracking-tight mb-6 leading-tight sm:leading-none">
189
+ The Next.js Alternative Built for{' '}
190
+ <span class="bg-gradient-to-r from-emerald-400 via-teal-300 to-cyan-400 bg-clip-text text-transparent">
191
+ Speed & Simplicity
192
+ </span>
193
+ </h1>
194
+
195
+ <p class="text-slate-300 text-lg sm:text-xl leading-relaxed mb-10 max-w-2xl mx-auto">
196
+ Sub-millisecond Preact SSR, nested file-based layouts, native Tailwind CSS v4, instant static site export, and built-in API routes.
197
+ </p>
198
+
199
+ <div class="flex flex-wrap items-center justify-center gap-4">
200
+ <a
201
+ href="https://frootjs.org"
202
+ target="_blank"
203
+ rel="noreferrer"
204
+ class="px-6 py-3 rounded-xl bg-emerald-500 text-slate-950 font-bold hover:bg-emerald-400 transition-all shadow-lg shadow-emerald-500/25 hover:shadow-emerald-500/40 hover:-translate-y-0.5"
205
+ >
206
+ Explore Documentation &rarr;
207
+ </a>
208
+ <a
209
+ href="https://github.com/orbitnorth/frootkit"
210
+ target="_blank"
211
+ rel="noreferrer"
212
+ class="px-6 py-3 rounded-xl bg-slate-900 border border-slate-800 text-slate-200 font-semibold hover:bg-slate-800/80 hover:border-slate-700 transition-all hover:-translate-y-0.5 flex items-center gap-2"
213
+ >
214
+ <svg class="w-4 h-4 fill-current text-slate-300" viewBox="0 0 24 24">
215
+ <path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z" />
216
+ </svg>
217
+ Star on GitHub
218
+ </a>
219
+ </div>
220
+ </div>
221
+
222
+ {/* Code Showcase & Command Box */}
223
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl mx-auto w-full mb-16">
224
+ <div class="rounded-2xl border border-slate-800 bg-[#070b14] p-6 shadow-xl relative overflow-hidden group">
225
+ <div class="flex items-center justify-between mb-4 pb-3 border-b border-slate-800/80">
226
+ <div class="flex items-center gap-2">
227
+ <span class="w-3 h-3 rounded-full bg-rose-500/80" />
228
+ <span class="w-3 h-3 rounded-full bg-amber-500/80" />
229
+ <span class="w-3 h-3 rounded-full bg-emerald-500/80" />
230
+ <span class="text-xs font-mono text-slate-400 ml-2">Quick Start</span>
231
+ </div>
232
+ <span class="text-xs font-mono text-emerald-400">Terminal</span>
233
+ </div>
234
+ <div class="font-mono text-xs sm:text-sm text-slate-300 leading-relaxed overflow-x-auto space-y-1.5">
235
+ <div><span class="text-slate-500"># Start development server</span></div>
236
+ <div><span class="text-emerald-400 font-bold">$</span> frootkit dev</div>
237
+ <div class="pt-2"><span class="text-slate-500"># Test dynamic API route</span></div>
238
+ <div><span class="text-emerald-400 font-bold">$</span> curl http://localhost:3000/api/health</div>
239
+ <div class="text-cyan-300">&#123;&quot;status&quot;: &quot;ok&quot;, &quot;framework&quot;: &quot;frootkit&quot;&#125;</div>
240
+ <div class="pt-2"><span class="text-slate-500"># Production static site export</span></div>
241
+ <div><span class="text-emerald-400 font-bold">$</span> frootkit build</div>
242
+ </div>
243
+ </div>
244
+
245
+ <div class="rounded-2xl border border-slate-800 bg-[#070b14] p-6 shadow-xl relative overflow-hidden group">
246
+ <div class="flex items-center justify-between mb-4 pb-3 border-b border-slate-800/80">
247
+ <div class="flex items-center gap-2">
248
+ <span class="w-3 h-3 rounded-full bg-rose-500/80" />
249
+ <span class="w-3 h-3 rounded-full bg-amber-500/80" />
250
+ <span class="w-3 h-3 rounded-full bg-emerald-500/80" />
251
+ <span class="text-xs font-mono text-slate-400 ml-2">src/app/page.tsx</span>
252
+ </div>
253
+ <span class="text-xs font-mono text-slate-500">Preact JSX</span>
254
+ </div>
255
+ <div class="font-mono text-xs sm:text-sm text-slate-300 leading-relaxed overflow-x-auto space-y-1">
256
+ <div><span class="text-cyan-400">export const</span> metadata = &#123;</div>
257
+ <div class="pl-4">title: <span class="text-emerald-300">'My FrootKit App'</span>,</div>
258
+ <div>&#125;;</div>
259
+ <div class="pt-1"><span class="text-cyan-400">export default function</span> HomePage() &#123;</div>
260
+ <div class="pl-4"><span class="text-cyan-400">return</span> (</div>
261
+ <div class="pl-8">&lt;<span class="text-emerald-400">main</span> class=<span class="text-emerald-300">"p-8"</span>&gt;</div>
262
+ <div class="pl-12">&lt;<span class="text-emerald-400">h1</span>&gt;Hello FrootKit!&lt;/<span class="text-emerald-400">h1</span>&gt;</div>
263
+ <div class="pl-8">&lt;/<span class="text-emerald-400">main</span>&gt;</div>
264
+ <div class="pl-4">);</div>
265
+ <div>&#125;</div>
266
+ </div>
267
+ </div>
268
+ </div>
269
+
270
+ {/* Feature Cards Grid */}
271
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-6xl mx-auto w-full">
272
+ <div class="p-6 rounded-2xl border border-slate-800/80 bg-slate-900/30 hover:border-emerald-500/30 transition-all hover:-translate-y-1 group">
273
+ <div class="w-10 h-10 rounded-xl bg-emerald-500/10 border border-emerald-500/20 flex items-center justify-center text-emerald-400 font-bold mb-4">
274
+ ▲
275
+ </div>
276
+ <h3 class="text-lg font-bold text-white mb-2 group-hover:text-emerald-300 transition-colors">
277
+ App Router
278
+ </h3>
279
+ <p class="text-sm text-slate-400 leading-relaxed">
280
+ Hierarchical nested <code class="text-emerald-400 font-mono text-xs">layout.tsx</code>, dynamic <code class="text-emerald-400 font-mono text-xs">[param]</code> routes, and scoped route groups.
281
+ </p>
282
+ </div>
283
+
284
+ <div class="p-6 rounded-2xl border border-slate-800/80 bg-slate-900/30 hover:border-teal-500/30 transition-all hover:-translate-y-1 group">
285
+ <div class="w-10 h-10 rounded-xl bg-teal-500/10 border border-teal-500/20 flex items-center justify-center text-teal-400 font-bold mb-4">
286
+ ⚡
287
+ </div>
288
+ <h3 class="text-lg font-bold text-white mb-2 group-hover:text-teal-300 transition-colors">
289
+ Preact SSR
290
+ </h3>
291
+ <p class="text-sm text-slate-400 leading-relaxed">
292
+ Sub-millisecond server rendering with negligible memory footprint and seamless HTML streaming.
293
+ </p>
294
+ </div>
295
+
296
+ <div class="p-6 rounded-2xl border border-slate-800/80 bg-slate-900/30 hover:border-cyan-500/30 transition-all hover:-translate-y-1 group">
297
+ <div class="w-10 h-10 rounded-xl bg-cyan-500/10 border border-cyan-500/20 flex items-center justify-center text-cyan-400 font-bold mb-4">
298
+ 🎨
299
+ </div>
300
+ <h3 class="text-lg font-bold text-white mb-2 group-hover:text-cyan-300 transition-colors">
301
+ Tailwind CSS v4
302
+ </h3>
303
+ <p class="text-sm text-slate-400 leading-relaxed">
304
+ CSS-first <code class="text-cyan-400 font-mono text-xs">@theme</code> variables, zero runtime build configs, and instant hot-reload watching.
305
+ </p>
306
+ </div>
307
+
308
+ <div class="p-6 rounded-2xl border border-slate-800/80 bg-slate-900/30 hover:border-indigo-500/30 transition-all hover:-translate-y-1 group">
309
+ <div class="w-10 h-10 rounded-xl bg-indigo-500/10 border border-indigo-500/20 flex items-center justify-center text-indigo-400 font-bold mb-4">
310
+ 🔌
311
+ </div>
312
+ <h3 class="text-lg font-bold text-white mb-2 group-hover:text-indigo-300 transition-colors">
313
+ API Routes
314
+ </h3>
315
+ <p class="text-sm text-slate-400 leading-relaxed">
316
+ Next.js-style <code class="text-indigo-400 font-mono text-xs">route.ts</code> endpoints with standard <code class="text-indigo-400 font-mono text-xs">Request</code> & <code class="text-indigo-400 font-mono text-xs">Response</code> handling.
317
+ </p>
318
+ </div>
319
+ </div>
320
+ </main>
321
+
322
+ {/* Footer */}
323
+ <footer class="border-t border-slate-800/60 py-8 text-center text-xs text-slate-400">
324
+ <div class="max-w-6xl mx-auto px-6 flex flex-col sm:flex-row items-center justify-between gap-4">
325
+ <div class="flex items-center gap-2">
326
+ <span class="font-bold text-slate-200">FrootKit</span>
327
+ <span>&bull;</span>
328
+ <span>Next.js Alternative</span>
329
+ </div>
330
+ <div class="flex items-center gap-6">
331
+ <a
332
+ href="https://frootjs.org"
333
+ target="_blank"
334
+ rel="noreferrer"
335
+ class="hover:text-slate-200 transition-colors"
336
+ >
337
+ Docs & Guide
338
+ </a>
339
+ <a
340
+ href="https://github.com/orbitnorth/frootkit"
341
+ target="_blank"
342
+ rel="noreferrer"
343
+ class="hover:text-slate-200 transition-colors"
344
+ >
345
+ GitHub Repo
346
+ </a>
347
+ <a
348
+ href="https://github.com/orbitnorth/frootjs"
349
+ target="_blank"
350
+ rel="noreferrer"
351
+ class="hover:text-slate-200 transition-colors"
352
+ >
353
+ Froot Core
354
+ </a>
355
+ </div>
356
+ </div>
357
+ </footer>
148
358
  </div>
149
359
  );
150
360
  }
@@ -173,126 +383,6 @@ export async function POST(request: Request) {
173
383
  { status: 201 }
174
384
  );
175
385
  }
176
- `,
177
- 'src/app/docs/layout.tsx': `/** @jsxImportSource preact */
178
- import type { ComponentChildren } from 'preact';
179
-
180
- export interface DocsLayoutProps {
181
- children: ComponentChildren;
182
- }
183
-
184
- export default function DocsLayout({ children }: DocsLayoutProps) {
185
- return (
186
- <div class="flex min-h-screen">
187
- <aside class="w-64 border-r border-slate-800 bg-[#070b13] p-6 space-y-4">
188
- <div class="font-bold text-white text-base">Froot Docs</div>
189
- <nav class="space-y-1 text-sm">
190
- <a href="/docs" class="block py-1.5 px-3 rounded text-slate-300 hover:text-white hover:bg-slate-800/50">Overview</a>
191
- <a href="/docs/quickstart" class="block py-1.5 px-3 rounded text-slate-300 hover:text-white hover:bg-slate-800/50">Quickstart</a>
192
- </nav>
193
- </aside>
194
- <main class="flex-1 max-w-4xl p-10">
195
- {children}
196
- </main>
197
- </div>
198
- );
199
- }
200
- `,
201
- 'src/app/docs/page.tsx': `/** @jsxImportSource preact */
202
- import { getDoc } from 'frootkit';
203
-
204
- export const metadata = {
205
- title: 'Overview — FrootKit Docs',
206
- description: 'Getting started with FrootKit Next.js Alternative.',
207
- };
208
-
209
- export default async function DocsOverviewPage() {
210
- const { frontmatter, html } = await getDoc('overview');
211
-
212
- return (
213
- <div>
214
- <div class="text-xs font-mono uppercase tracking-wider text-emerald-400 mb-2">
215
- {frontmatter['category'] || 'Getting Started'}
216
- </div>
217
- <h1 class="text-3xl font-extrabold text-white mb-6">
218
- {frontmatter['title'] || 'Overview'}
219
- </h1>
220
- <article
221
- class="prose prose-invert max-w-none text-slate-300 space-y-4"
222
- dangerouslySetInnerHTML={{ __html: html }}
223
- />
224
- </div>
225
- );
226
- }
227
- `,
228
- 'src/app/docs/[slug]/page.tsx': `/** @jsxImportSource preact */
229
- import { getDoc } from 'frootkit';
230
-
231
- export async function generateStaticParams() {
232
- return [
233
- { slug: 'overview' },
234
- { slug: 'quickstart' },
235
- ];
236
- }
237
-
238
- export async function generateMetadata({ params }: { params: { slug: string } }) {
239
- const slug = params.slug || 'overview';
240
- return {
241
- title: \`\${slug.charAt(0).toUpperCase() + slug.slice(1)} — FrootKit Docs\`,
242
- };
243
- }
244
-
245
- export default async function DocSlugPage({ params }: { params: { slug: string } }) {
246
- const slug = params.slug || 'overview';
247
- const { frontmatter, html } = await getDoc(slug);
248
-
249
- return (
250
- <div>
251
- <div class="text-xs font-mono uppercase tracking-wider text-emerald-400 mb-2">
252
- {frontmatter['category'] || 'Documentation'}
253
- </div>
254
- <h1 class="text-3xl font-extrabold text-white mb-6">
255
- {frontmatter['title'] || slug}
256
- </h1>
257
- <article
258
- class="prose prose-invert max-w-none text-slate-300 space-y-4"
259
- dangerouslySetInnerHTML={{ __html: html }}
260
- />
261
- </div>
262
- );
263
- }
264
- `,
265
- 'content/docs/overview.md': `---
266
- title: Overview
267
- category: Getting Started
268
- summary: Introduction to FrootKit Next.js Alternative architecture.
269
- ---
270
-
271
- Welcome to **FrootKit**, the high-performance Next.js alternative powered by Preact, Tailwind CSS v4, and Froot.
272
-
273
- ## Design Principles
274
- - **Next.js App Router Conventions:** Nested \`layout.tsx\`, dynamic parameters \`[slug]/page.tsx\`.
275
- - **Preact SSR Engine:** Ultra-fast server-side JSX rendering with negligible overhead.
276
- - **Tailwind CSS v4 Native:** CSS-first \`@theme\` variables with zero runtime scripts.
277
- - **Instant SSG Prerendering:** Pre-renders all static and dynamic paths into \`.froot/\` in milliseconds.
278
- `,
279
- 'content/docs/quickstart.md': `---
280
- title: Quickstart Guide
281
- category: Getting Started
282
- summary: Get up and running with FrootKit in less than 2 minutes.
283
- ---
284
-
285
- ## Running in Development
286
- \`\`\`bash
287
- npm run dev
288
- \`\`\`
289
- Your server will start with hot-reloading enabled on \`http://localhost:3000\`.
290
-
291
- ## Production Build & Static Export
292
- \`\`\`bash
293
- npm run build
294
- \`\`\`
295
- All HTML pages and compiled Tailwind v4 CSS will be exported to \`.froot/\`.
296
386
  `,
297
387
  'README.md': `# \${projectName}
298
388
 
@@ -1 +1 @@
1
- {"version":3,"file":"template.js","sourceRoot":"","sources":["../src/template.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,MAAM,UAAU,wBAAwB,CAAC,WAAmB;IAC1D,OAAO;QACL,cAAc,EAAE,IAAI,CAAC,SAAS,CAC5B;YACE,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE,OAAO;YAChB,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACP,GAAG,EAAE,cAAc;gBACnB,KAAK,EAAE,gBAAgB;gBACvB,KAAK,EAAE,gBAAgB;aACxB;YACD,YAAY,EAAE;gBACZ,QAAQ,EAAE,sBAAsB;gBAChC,WAAW,EAAE,QAAQ;gBACrB,OAAO,EAAE,QAAQ;gBACjB,MAAM,EAAE,SAAS;gBACjB,yBAAyB,EAAE,QAAQ;aACpC;YACD,eAAe,EAAE;gBACf,kBAAkB,EAAE,QAAQ;gBAC5B,WAAW,EAAE,QAAQ;gBACrB,aAAa,EAAE,UAAU;gBACzB,GAAG,EAAE,SAAS;gBACd,UAAU,EAAE,QAAQ;aACrB;SACF,EACD,IAAI,EACJ,CAAC,CACF,GAAG,IAAI;QAER,eAAe,EAAE;;;;;;;;;;;;;CAapB;QAEG,YAAY,EAAE;;;;;;;;;;;;;;;CAejB;QAEG,gBAAgB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BrB;QAEG,oBAAoB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BzB;QAEG,kBAAkB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BvB;QAEG,6BAA6B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;CAwBlC;QAEG,yBAAyB,EAAE;;;;;;;;;;;;;;;;;;;;;;;CAuB9B;QAEG,uBAAuB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B5B;QAEG,8BAA8B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCnC;QAEG,0BAA0B,EAAE;;;;;;;;;;;;;CAa/B;QAEG,4BAA4B,EAAE;;;;;;;;;;;;;;;;;CAiBjC;QAEG,WAAW,EAAE;;;;;;;;;;;;;;;;;;;CAmBhB;KACE,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,wBAAwB,CAAC"}
1
+ {"version":3,"file":"template.js","sourceRoot":"","sources":["../src/template.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,MAAM,UAAU,wBAAwB,CAAC,WAAmB;IAC1D,OAAO;QACL,cAAc,EAAE,IAAI,CAAC,SAAS,CAC5B;YACE,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE,OAAO;YAChB,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACP,GAAG,EAAE,cAAc;gBACnB,KAAK,EAAE,gBAAgB;gBACvB,KAAK,EAAE,gBAAgB;aACxB;YACD,YAAY,EAAE;gBACZ,QAAQ,EAAE,sBAAsB;gBAChC,WAAW,EAAE,QAAQ;gBACrB,OAAO,EAAE,QAAQ;gBACjB,MAAM,EAAE,SAAS;gBACjB,yBAAyB,EAAE,QAAQ;aACpC;YACD,eAAe,EAAE;gBACf,kBAAkB,EAAE,QAAQ;gBAC5B,WAAW,EAAE,QAAQ;gBACrB,aAAa,EAAE,UAAU;gBACzB,GAAG,EAAE,SAAS;gBACd,UAAU,EAAE,QAAQ;aACrB;SACF,EACD,IAAI,EACJ,CAAC,CACF,GAAG,IAAI;QAER,eAAe,EAAE;;;;;;;;;;;;;CAapB;QAEG,YAAY,EAAE;;;;;;;;;;;;;;;CAejB;QAEG,gBAAgB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BrB;QAEG,oBAAoB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BzB;QAEG,kBAAkB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8OvB;QAEG,6BAA6B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;CAwBlC;QAEG,WAAW,EAAE;;;;;;;;;;;;;;;;;;;CAmBhB;KACE,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,wBAAwB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-frootkit",
3
- "version": "1.1.2",
3
+ "version": "1.1.3",
4
4
  "description": "Interactive CLI for scaffolding high-performance FrootKit (Next.js Alternative) applications",
5
5
  "type": "module",
6
6
  "bin": {