Through this tutorial you will learn the basics of Stackbit. After completing the lessons, you'll have the confidence to take what you've built and make it your own.
Using our minimal Next.js starter, we'll build a simple blog site that can be edited in context using Stackbit's local visual editor.
Stackbit sites are Next.js projects using local markdown files as the data source (i.e. Git CMS). They require Node v14 or later.
Our business and enterprise tiers offer additional content sources (i.e. two-way sync with headless CMS), along with other site frameworks (e.g. Gatsby). Contact us for details.
Begin by opening your command-line application and running this command:
The starter will be cloned to a
my-stackbit-site directory, and the dependencies will be installed. Change into the project directory after the process is complete and then start the Next.js development server.
cd my-stackbit-site npm run dev
With the Next.js server running, you can boot Stackbit dev in a new tab/window in your command line application.
npm run stackbit-dev
Each lesson in the tutorial is focused on an over-arching topic that will add a new feature to the blog, while introducing you to core Stackbit features and concepts.
The end of each lesson will show a table of contents, along with a button to the next and previous lessons, as shown below.
Getting Started Lessons