Contentstack + SvelteKit + Tailwind CSS

Example project using SvelteKit with the Contentstack Delivery API, deployed to Vercel.

Live Example: https://contentstack-svelte.vercel.app/

Live Example: https://contentstack-svelte.vercel.app/test

Developing

Env variables

Remember to set up a .env file with your contentstack keys

VITE_CONTENTSTACK_STACK_API_KEY=''
VITE_CONTENTSTACK_ENVIRONMENT=''
VITE_CONTENTSTACK_DELIVERY_TOKEN=''
VITE_CONTENTSTACK_REGION=''

Once you've created a project and installed dependencies with npm install, start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

This uses the Vercel Adapter for SvelteKit.

npm run build

Content types

This starter kit relies on the following content models.

Page

• Title, short text.
• Slug, short text
• Components, References - many.

Hero

• Title, short text.
• Description, short text
• CTA Text, short text
• URL, short text