Contentstack Kickstarts are minimal, opinionated starter projects that give developers the fastest path from zero to a working Contentstack integration. Each kickstart contains the bare minimum code needed to connect a frontend framework to Contentstack, with SDK initialization, live preview, and Visual Builder already wired up and ready to go. Whether you're evaluating Contentstack for the first time, prototyping a new project, or onboarding a team onto a new framework, kickstarts eliminate the boilerplate so you can focus on building.
Kickstarts range from bare-bones single-page framework connections, to Next.js rendering variants covering SSR, SSG, GraphQL, and Middleware, to Veda: a fully designed, production-ready e-commerce template.

Kickstart Veda
.png?width=3840&height=2016&quality=90&auto=avif&format=pjpg&fit=crop)
Kickstart SvelteKit
.png?width=3840&height=2016&quality=90&auto=avif&format=pjpg&fit=crop)
Kickstart Next Middleware
.png?width=3840&height=2016&quality=90&auto=avif&format=pjpg&fit=crop)
Kickstart Next SSR
.png?width=3840&height=2016&quality=90&auto=avif&format=pjpg&fit=crop)
Kickstart Next SSG
.png?width=3840&height=2016&quality=90&auto=avif&format=pjpg&fit=crop)
Kickstart Next GraphQL
.png?width=3840&height=2016&quality=90&auto=avif&format=pjpg&fit=crop)
Kickstart Next
.png?width=3840&height=2016&quality=90&auto=avif&format=pjpg&fit=crop)
Kickstart Astro
.png?width=3840&height=2016&quality=90&auto=avif&format=pjpg&fit=crop)
Kickstart Angular
.png?width=3840&height=2016&quality=90&auto=avif&format=pjpg&fit=crop)
Kickstart React
.png?width=3840&height=2016&quality=90&auto=avif&format=pjpg&fit=crop)
Kickstart Nuxt SSR
.png?width=3840&height=2016&quality=90&auto=avif&format=pjpg&fit=crop)
Kickstart Nuxt