A collection of examples that can be used to learn more about Stackbit or to be the basis for your new Stackbit project.
They are broken down into various categories below for easier navigation.
Have an idea of an example we should add? Create an issue or join us on Discord to discuss.
Starters are basic Stackbit projects that bring some specific combination of the basics.
| Example | Description |
|---|---|
nextjs-starter |
The essential JavaScript building blocks. |
ts-mui-nextjs-starter |
TypeScript + MUI components |
contentful-starter |
Contentful as the content source. |
Themes are bigger, more opinionated projects, that are all production-ready and built for scale. These are great options for non-technical content editors to get an immediate feel for Stackbit.
The code references are below. Although you can run these locally, each of these themes is available to demo immediately in the Stackbit app.
| Example | Description |
|---|---|
personal-nextjs-theme |
A stylistic site to showcase a portfolio. |
small-business-nextjs-theme |
Pages and components meant to help small business spin up new sites quickly. |
starter-nextjs-theme |
A beautifully simple site that can be flexed to fit your needs. |
Project-based examples are built to show one or two patterns in practice.
| Example | Description |
|---|---|
dynamic-app |
A showcase of multiple capabilities like authentication and workflow-based content. |
algolia-search |
On-demand statically generated pages, searchable with Algolia |
Examples used as starting points for tutorials and other guides in our documentation.
| Example | Description |
|---|---|
nextjs-starter |
Our minimal starter, used in the getting started tutorial. |
tutorial-contentful |
Starting point for a demonstration on how to add Stackbit to a Next.js + Contentful site. |
These examples bring a single, interactive and visually-editable component.
| Example | Description |
|---|---|
sb-countdown |
A CountdownSection component for counting down to a specified date and time. |
sb-typist |
A TypistSection component for a typing animation based on react-typist. |