A collection of examples that can be used to learn more about Netlify Create or to be the basis for your new Netlify Create project.
They are broken down into various categories below for easier navigation:
- Minimal Starters: Small, Netlify Create ready sites.
- Tutorials: Starting point for getting started tutorials.
- Stack-Specific Demos: Simple sites, equipped for Netlify Create, using various frameworks and content sources, many of which are experimental.
- Netlify Create Features: Simple projects designed to highlight a specific Netlify Create feature.
- Use Cases: Projects designed to serve a specific purpose (e.g. documentation).
- Integrations: Examples using various third-party tools within a specific stack.
Have an idea of an example we should add? Create an issue.
Starters are basic Netlify Create projects that bring some specific combination of the basics. These are good starting points for developers and easy to get around.
| Example | Description |
|---|---|
nextjs-starter | The essential JavaScript building blocks. |
ts-mui-nextjs-starter | TypeScript + MUI components. |
contentful-starter | Minimal Next.js site with Contentful as the content source. |
Examples used as starting points for tutorials and other guides in our documentation.
| Example | Description |
|---|---|
| Gatsby + Contentful | Follow the Gatsby + Contentful tutorial. |
| HTML + Contentful | Follow the HTML + Contentful tutorial. |
| HTML + JSON | Follow the HTML + JSON tutorial. |
| Next.js + Markdown | Follow the Next.js + Markdown tutorial. |
| Next.js + Contentful | Follow the Next.js + Contentful tutorial. |
These projects are the result of the tutorials that are also fully-annotated to provide inline editing capabilities.
| Example | Description |
|---|---|
| Angular + Contentful | Basic Angular and Contentful-based product catalog site. |
| Gatsby + Contentful | Basic Gatsby site a composable page and a few components, using Contentful as the content source. |
| Hydrogen + Contentful | Built on Shopify's Hydrogen framework & Contentful for editorial content |
| Next.js + Airtable | Use Airtable as a content source, built on the Next.js blog example. Note that the Airtable source is just a demo and is not yet officially supported. |
| Nuxt 3 (Preview) + Git CMS | A working example with an early version of Nuxt 3, using local files as the content source. |
| SvelteKit + Contentful | Basic SvelteKit & Contentful-based content site. |
These projects showcase a specific Stackbit feature.
| Example | Description |
|---|---|
| A/B Testing | A Next.js site that uses middleware to swap content on the page. Content is stored in Contentful, made editable in Stackbit, and ready to deploy to Netlify's edge. |
| Asset Sources | Uses Unsplash as a custom asset source, rather than storing image locally. Built on the minimal Next.js starter. |
| Inline Editing | Uses a custom utility to automatically add annotation details to every content object. |
| Localization | Showcases Stackbit's localization (i18n) capabilities using Next.js and Contentful. |
| Personalization | Audience-based personalization with Ninetailed, with built-in support in the visual editor. |
Various other implementation and integrations patterns in practice.
| Example | Description |
|---|---|
| Algolia (search) | On-demand statically generated pages, searchable with Algolia |
| Contentlayer (content) | Stackbit's minimal starter project, using Contentlayer to generate importable content files and types. |
| Cloudinary + Contentful (images) | Image management & per-device responsive optimization with Cloudinary. |
| Cloudinary + unpic-img | Next.js project that uses unpic-img with Cloudinary for generating a responsive and optimized image gallery |
| Ninetailed (personalization) | Audience-based personalization with Ninetailed, with built-in support in the visual editor. |
| Unsplash (asset source) | Uses Unsplash as a custom asset source, rather than storing image locally. Built on the minimal Next.js starter. |
Sites built to serve some specific purpose.
| Example | Description |
|---|---|
| Documentation | Documentation site with basic components and a few added features, using Next.js + Contentful. |
| Onboarding Web Application | Showcasing advanced capabilities e.g. auth, DB access through API endpoints, and wizard-based onboarding flows with editor-only screens. |