Warning

This repo is deprecated and no longer maintained. Security updates are not supported. We recommend avoiding its use.

For new projects, use Contentstack Kickstarts.

Build a Starter Website with React.js and Contentstack

About Contentstack: Contentstack is a headless CMS with an API-first approach that puts content at the centre. It is designed to simplify the process of publication by separating code from content.

About this project: React.js is a JavaScript library for dynamic websites with rich user interfaces. This guide will help you create a starter marketing website built using the React.js framework with minimal steps.

Live Demo

You can check the live demo to get first-hand experience of the website.

Tutorial

We have created an in-depth tutorial on how you can create a React.js starter website using Contentstack's Node.js SDK and fetch its content from Contentstack.

Build Website using React.js and Contentstack

More Resources

• Contentstack Documentation
• Region Support Documentation
• React.js Documentation

Build System

This project uses Vite as a build tool for faster development and production builds. Vite offers:

• Lightning-fast cold server start
• Instant hot module replacement (HMR)
• True on-demand compilation
• Out-of-the-box TypeScript support

Development Commands

• Development Server: Run npm run dev or npm start to start the development server
• Production Build: Run npm run build to create an optimized production build
• Preview Production: Run npm run preview to locally preview the production build