Skip to content

Hawthorne001/stackbit-examples

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Netlify Create (formerly Stackbit) Examples

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:

Have an idea of an example we should add? Create an issue.

Minimal Starters

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.

Tutorials

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.

Stack-Specific Demos

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.

Netlify Create Features

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.

Integrations

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.

Use Cases

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.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 79.3%
  • JavaScript 16.9%
  • CSS 2.6%
  • HTML 0.7%
  • Svelte 0.3%
  • EJS 0.1%
  • Vue 0.1%