create-l5e 0.1.1-alpha.1 → 0.1.1-alpha.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-l5e",
-  "version": "0.1.1-alpha.1",
+  "version": "0.1.1-alpha.3",
   "description": "Create an L5E app from the official starter template.",
   "type": "module",
   "license": "MIT",

package/templates/basic/package.json

@@ -6,11 +6,12 @@
   "scripts": {
     "dev": "tsx server.ts",
     "build": "vite build && vite build --ssr src/entry-server.ts --outDir dist/server && vite build --ssr server.ts --outDir dist --emptyOutDir false",
-    "preview": "cross-env NODE_ENV=production node dist/server.js",
+    "start": "cross-env NODE_ENV=production node dist/server.js",
+    "preview": "npm run build && npm run start",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@withl5e/l5e": "^0.1.1-alpha.1",
+    "@withl5e/l5e": "^0.1.1-alpha.3",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },

package/templates/basic/src/views/actions/index.tsx

@@ -1,13 +1,11 @@
 import { Fragment, useClientJs, useCss } from '@withl5e/l5e/jsx-runtime';
-import { MetadataRenderer } from '@withl5e/l5e/seo';
 
 export default function ActionsPage() {
   useCss('./actions.css');
   useClientJs('./client.ts');
 
   return (
-    <>
-      <MetadataRenderer metadata={{ title: 'Action + swap example' }} />
+    <Fragment>
       <nav class="nav" aria-label="Primary">
         <a href="/">Home</a>
         <a href="/rewrite-demo">Rewrite demo</a>
@@ -27,6 +25,6 @@ export default function ActionsPage() {
           </p>
         </section>
       </main>
-    </>
+    </Fragment>
   );
 }

package/templates/basic/src/views/actions/loader.ts

@@ -0,0 +1,5 @@
+import type { GenerateMetadataFunction } from '@withl5e/l5e/entry-server';
+
+export const generateMetadata: GenerateMetadataFunction = () => ({
+  title: 'Action + swap example',
+});

package/templates/basic/src/views/home/index.tsx

@@ -1,5 +1,4 @@
 import { Fragment, useCss } from '@withl5e/l5e/jsx-runtime';
-import { MetadataRenderer } from '@withl5e/l5e/seo';
 
 import type { HomeLoaderData } from './loader';
 
@@ -7,13 +6,7 @@ export default function HomePage({ now }: HomeLoaderData) {
   useCss('./home.css');
 
   return (
-    <>
-      <MetadataRenderer
-        metadata={{
-          title: 'L5E basic example',
-          description: 'A minimal L5E app with middleware rewrite and cache headers.',
-        }}
-      />
+    <Fragment>
       <nav class="nav" aria-label="Primary">
         <a href="/">Home</a>
         <a href="/rewrite-demo">Rewrite demo</a>
@@ -29,6 +22,6 @@ export default function HomePage({ now }: HomeLoaderData) {
           <p class="timestamp">Rendered at {now}</p>
         </section>
       </main>
-    </>
+    </Fragment>
   );
 }

package/templates/basic/src/views/home/loader.ts

@@ -1,4 +1,8 @@
-import type { LoaderFunction, LoaderResult } from '@withl5e/l5e/entry-server';
+import type {
+  GenerateMetadataFunction,
+  LoaderFunction,
+  LoaderResult,
+} from '@withl5e/l5e/entry-server';
 
 export type HomeLoaderData = {
   now: string;
@@ -15,3 +19,8 @@ export const loader: LoaderFunction = async (): Promise<LoaderResult> => {
     cacheTags: ['home'],
   };
 };
+
+export const generateMetadata: GenerateMetadataFunction = () => ({
+  title: 'L5E basic example',
+  description: 'A minimal L5E app with middleware rewrite and cache headers.',
+});

package/templates/minimal/package.json

@@ -6,11 +6,12 @@
   "scripts": {
     "dev": "tsx server.ts",
     "build": "vite build && vite build --ssr src/entry-server.ts --outDir dist/server && vite build --ssr server.ts --outDir dist --emptyOutDir false",
-    "preview": "cross-env NODE_ENV=production node dist/server.js",
+    "start": "cross-env NODE_ENV=production node dist/server.js",
+    "preview": "npm run build && npm run start",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@withl5e/l5e": "^0.1.1-alpha.1",
+    "@withl5e/l5e": "^0.1.1-alpha.3",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },

package/templates/minimal/src/views/home/index.tsx

@@ -1,5 +1,4 @@
 import { Fragment, useCss } from '@withl5e/l5e/jsx-runtime';
-import { MetadataRenderer } from '@withl5e/l5e/seo';
 
 import type { HomeLoaderData } from './loader';
 
@@ -7,13 +6,7 @@ export default function HomePage({ now }: HomeLoaderData) {
   useCss('./home.css');
 
   return (
-    <>
-      <MetadataRenderer
-        metadata={{
-          title: 'L5E starter',
-          description: 'A minimal L5E app.',
-        }}
-      />
+    <Fragment>
       <nav class="nav" aria-label="Primary">
         <a href="/">Home</a>
       </nav>
@@ -24,6 +17,6 @@ export default function HomePage({ now }: HomeLoaderData) {
           <p class="timestamp">Rendered at {now}</p>
         </section>
       </main>
-    </>
+    </Fragment>
   );
 }

package/templates/minimal/src/views/home/loader.ts

@@ -1,4 +1,8 @@
-import type { LoaderFunction, LoaderResult } from '@withl5e/l5e/entry-server';
+import type {
+  GenerateMetadataFunction,
+  LoaderFunction,
+  LoaderResult,
+} from '@withl5e/l5e/entry-server';
 
 export type HomeLoaderData = {
   now: string;
@@ -15,3 +19,8 @@ export const loader: LoaderFunction = async (): Promise<LoaderResult> => {
     cacheTags: ['home'],
   };
 };
+
+export const generateMetadata: GenerateMetadataFunction = () => ({
+  title: 'L5E starter',
+  description: 'A minimal L5E app.',
+});