服务端渲染 #

渲染模式
├── SSR     服务端渲染（默认）
├── CSR     客户端渲染
├── SSG     静态站点生成
└── Hybrid  混合渲染

// SSR（默认）
export default function Page() {
  return <h1>Server Rendered</h1>;
}

// CSR
export const csr = true;
export default function ClientPage() {
  return <h1>Client Rendered</h1>;
}

// SSG
export const prerender = true;
export default function StaticPage() {
  return <h1>Static Generated</h1>;
}

import { Title } from 'solid-start';

export default function Page() {
  return (
    <>
      <Title>Page Title</Title>
      <h1>Content</h1>
    </>
  );
}

import { Meta, Title } from 'solid-start';

export default function Page() {
  return (
    <>
      <Title>Page Title</Title>
      <Meta name="description" content="Page description" />
      <Meta property="og:title" content="OG Title" />
      <h1>Content</h1>
    </>
  );
}

import { Suspense } from 'solid-js';

export default function Page() {
  const [data] = createResource(fetchData);

  return (
    <Suspense fallback={<p>Loading...</p>}>
      <DataDisplay data={data()} />
    </Suspense>
  );
}

# 构建
npm run build

# 预览
npm run start

// app.config.ts
import { defineConfig } from '@solidjs/start/config';
import netlify from '@solidjs/start/netlify';

export default defineConfig({
  adapter: netlify()
});