Announcing the Official GraphCMS Marketing Website Starter

Introducing the Marketing Website Starter built using GraphCMS, Next.js, and Chakra UI. Quickly prototype and iterate on your own website.

Ronak Ganatra
João Pedro Schmitz
Headless CMS Website Starter - GraphCMS, Next.js, Chakra UI And Vercel

We're excited to share that we have a new official GraphCMS Starter! A Marketing Website for SaaS Products built using GraphCMS, Next.js, and Chakra UI. The repository for this is open-sourced, so you can quickly prototype and iterate on your own website.

Modern Marketing Websites with a Headless CMS

This reference application is an example of how to build a fully-funcional marketing website for a SaaS product using GraphCMS.



1. Clone the repository and install project dependencies

npx degit GraphCMS/reference-marketing-website#main reference-marketing-website
cd reference-marketing-website

2. Provide your GraphCMS project keys

In order to use this starter, you'll need to have created a new GraphCMS project using our Marketing Website Template.

Navigate into your new site’s directory and copy the .env.local.example file.

cp .env.local.example .env.local

Inside of your newly created .env.local file, provide values for the variable. These variables can be found in the project settings UI.


3. Start building!

yarn dev

Get started with your own Marketing Website

  • Ronak Ganatra
  • João Pedro Schmitz
  • Previous
  • Next

Related articles

It's Easy To Get Started

GraphCMS plans are flexibly suited to accommodate your growth. Get started for free, or request a demo to discuss larger projects with more complex needs