Getting started with CloudCannon

Learn how to set up your website on the CloudCannon Next.js CMS.

Welcome to the CloudCannon Next.js starter guide! If you want to get your Next.js Site editable, built, and live on CloudCannon, you are in the right place.

Before we start, this guide assumes you already have a Next.js site uploaded to a Git repository. Although you can upload files directly from your hard drive, we highly recommend using a Git repository.

Don’t have a Next.js site yet? No worries! You can create one with our Jamstack tutorials for your favorite SSGs.

With Next.js, you can use CloudCannon’s Source Editor out-of-the-box. We’ll teach you how to configure our other editing interfaces: the Visual, Content, and Data Editors.

In this guide we’ll cover how to create your first site, update Next.js to use file data, and configure Next.js for the best CloudCannon experience.

What is CloudCannon?#

CloudCannon is a Git-based Content Management System. With CloudCannon, you can easily build and maintain your Next.js Site using familiar Git workflows. Plus, your content team can effortlessly update and manage the content without knowing anything about Next.js, Git, Markdown, or HTML.

If building on CloudCannon isn't the right option for you, please read our guide on setting up CloudCannon in Headless Mode.

Open in a new tab