Skip to content

Fedeorlandau/contentstack-svelte

Repository files navigation

Contentstack + SvelteKit + Tailwind CSS

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

web

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

Page content model

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

Hero

Hero content model

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