@sveltejs/kit

Routing

SvelteKit provides a file-based routing system. You can create routes by adding files to the `src/routes` directory. Dynamic routes can be created using square brackets.

```javascript
// src/routes/index.svelte
<script>
  export let name = 'world';
</script>

<h1>Hello {name}!</h1>

// src/routes/[slug].svelte
<script>
  export let params;
</script>

<h1>Post: {params.slug}</h1>
```

Server-side Rendering (SSR)

SvelteKit supports server-side rendering out of the box. You can fetch data on the server and pass it to your components using the `load` function.

```javascript
// src/routes/index.svelte
<script context="module">
  export async function load({ page, fetch, session, context }) {
    const res = await fetch('/api/data');
    const data = await res.json();
    return { props: { data } };
  }
</script>

<script>
  export let data;
</script>

<h1>Data: {data}</h1>
```

Static Site Generation (SSG)

SvelteKit can generate static sites. By using the `@sveltejs/adapter-static` adapter, you can build your site as a collection of static files.

```javascript
// svelte.config.js
import adapterStatic from '@sveltejs/adapter-static';

export default {
  kit: {
    adapter: adapterStatic()
  }
};
```

API Routes

SvelteKit allows you to create API routes by adding JavaScript files to the `src/routes` directory. These routes can handle HTTP requests and return responses.

```javascript
// src/routes/api/data.js
export async function get() {
  return {
    status: 200,
    body: { message: 'Hello from the API' }
  };
}
```