TypeScript

Sayfalar hiçbir yapılandırma olmadan .ht.ts / .ht.tsx olabilir.

definePageModule

sitelo/page içindeki yardımcılar tam tür çıkarımı sağlar. Derleme sırasında içe aktarma, PageParams değerleri dosya adından gelen, rotaya özgü üretilmiş bir modülle değiştirilir: [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>
  ),
})

Ayrıca dışa aktarılanlar: definePage, defineData, defineStaticParams.

Üretilen türler

Bildirimler, geliştirme sunucusu ya da bir derleme her çalıştığında .sitelo/types/ içine yazılır. Bu klasörü .gitignore dosyanıza ekleyin.