Contentful and Sveltekit Starter

Build your first Sveltekit starter with Contentful, a composable content platform that extends the capabilities of the headless CMS even further. The combination of Sveltekit with Contentful lets you build static websites and SSR apps with Svelte.
Logo of Sveltekit on top of a laptop + other illustration
Web editor art illustration with Sveltekit logo
What is Sveltekit
Sveltekit is a full-stack web framework built on top of Svelte that lets you create static sites and server-side-rendered (SSR) apps. It's designed to be fast with a minimal footprint.
1
Clone our Sveltekit project

Our Sveltekit starter shows you how to create an example company page with nested routes, dynamic routes, and uses the Contentful GraphQL API to fetch content.

Run the following command in your terminal to clone our Contentful Sveltekit starter.

Install dependencies.

2
Create account and secrets

3
Create environment file

4
Import our content model

The project comes with a Contentful set up command that imports the required content model and adds sample content to your space.


Run the following command to import the content model.

5
Run the project locally

This will start the development server and open the app in a new browser tab.
The page will reload when you make changes.

6
Deploy

Choose your technology path with our language and framework agnostic CMS

Bundle of technologies that can be used with Contentful.
More than a CMS: The composable content platform for your tech stack.
Start building with Contentful
Curious guy
add-circle arrow-right remove style-two-pin-marker subtract-circle remove