What this guide is for

This guide is aimed at developers who are new to Contentstack and want a practical path from platform basics to a realistic implementation. It explains the core Contentstack mental model, then uses a real starter project to show how those ideas turn into code, routing, preview behavior, and content modeling decisions.

Why this guide uses Kickstart Veda

This guide uses Kickstart Veda as the running example.

Veda is a public Next.js starter from Contentstack built around a content-rich luxury jewelry site called "The Revival Collection." It is a strong teaching project because it is bigger than a toy demo, but still focused enough to study clearly. The codebase includes:

a realistic Contentstack content model with pages, products, categories, and product lines
route-driven content fetching instead of one hardcoded entry
modular blocks for flexible page composition
Live Preview and Visual Builder support
production-minded patterns such as shared fetch utilities and launch-time route priming

Use Veda as an example of how a content-heavy frontend can be structured, not as a prescription for every project or as a full commerce platform.

Useful references:

How to use this guide

If you are completely new to Contentstack, start with chapter 1 and read in order.
If you already understand headless CMS fundamentals, chapters 3 through 8 are the fastest path into the real Veda implementation.

Chapter Index

Frequently asked questions

What is Contentstack in practical development terms?
Contentstack is a headless CMS where editors manage structured content in the UI and your app fetches it via APIs to render experiences in any frontend.
What does “headless” mean once a project becomes real?
It means responsibilities are split: you still need to design content models, URL mapping, delivery vs preview APIs, and safe editing workflows, then implement them in code and deployment.
Why use Kickstart Veda instead of a minimal starter?
Veda demonstrates realistic patterns like multiple content types, route shapes, modular blocks, preview support, metadata generation, and cache priming in a coherent Next.js codebase.
What prerequisites does this guide assume?
Node.js 20+, npm, Git/GitHub familiarity, a Contentstack account with org access, comfort with terminal and .env.local, and basic React/Next.js knowledge.
What is Veda not intended to provide?
Veda is a content and experience layer template, not a commerce platform; it does not include cart, checkout, order management, or customer accounts.