SvelteKit Has a Free API You Should Know About

SvelteKit ships with a built-in API layer that's both elegant and powerful. If you're building full-stack apps, SvelteKit's server-side features eliminate the need for a separate backend. Load Functions — The Heart of SvelteKit Every route can have a +page.server.js that loads data before rendering: // src/routes/posts/+page.server.js export async function load ({ url , fetch }) { const page = url . searchParams . get ( " page " ) || 1 const posts = await db . post . findMany ({ skip : ( page - 1 ) * 10 , take : 10 , orderBy : { createdAt : " desc " } }) const total = await db . post . count () return { posts , total , page : Number ( page ) } } <!-- src/routes/posts/+page.svelte --> <script> export let data </script> { #each data . posts as post } <article> <h2><a href= "/posts/{post.slug}" > { post . title } </a></h2> <p> { post . excerpt } </p> </article> { /each } Form Actions — Mutations Made Simple SvelteKit handles form submissions with progressive enhancement: // src/routes/pos