TypeScript
Seiten können ohne jede Konfiguration .ht.ts / .ht.tsx sein.
definePageModule
Die Helfer aus sitelo/page liefern vollständige Typinferenz. Beim Build wird der Import durch ein pro Route generiertes Modul ersetzt, dessen PageParams aus dem Dateinamen stammen: [slug] → { slug: string }, [...path] → { path: string[] }, [...path]? → { path?: string[] }.
import { definePageModule } from 'sitelo/page'
export default definePageModule({
generateStaticParams: () => [{ slug: 'hello' }],
data: ({ params }) => ({ title: params.slug }),
render: ({ data }) => `<html><body><h1>${data.title}</h1></body></html>`,
})import { html, body, h1 } from 'javascript-to-html'
import { definePageModule } from 'sitelo/page'
export default definePageModule({
generateStaticParams: () => [{ slug: 'hello' }],
data: ({ params }) => ({ title: params.slug }),
render: ({ data }) =>
html(
body(h1(data.title))
),
})import { definePageModule } from 'sitelo/page'
export default definePageModule({
generateStaticParams: () => [{ slug: 'hello' }],
data: ({ params }) => ({ title: params.slug }),
render: ({ data }) => (
<html>
<body>
<h1>{data.title}</h1>
</body>
</html>
),
})Ebenfalls exportiert: definePage, defineData, defineStaticParams.
Generierte Typen
Die Deklarationen werden nach .sitelo/types/ geschrieben, sobald der Entwicklungsserver läuft oder ein Build startet. Nimm diesen Ordner in deine .gitignore auf.