Jamstack Project Templates

Excerpt

A collection of project starter templates for a variety of static site generators with one-click deployments to Netlify.

  • Artisan Static

    Artisan Static is a starter template for building a static Jigsaw blog hosted on Netlify.

    This comes with code highlighting, share buttons, comments, analytics, an RSS feed, a contact form, a CMS and more.

    The HTML, CSS and JavaScript in this template are extremely minimal, which makes the code easy to build on top of or replace completely.

  • Awake, A Nuxt Blog Template

    Awake is a Nuxt.js template for generating a beautifully robust static site with blog. It comes with support for site search, newsletter sign-up via mailchimp, comments via disqus and more. It's built with performance in mind (auto image resizing, lazy loading, and more).

  • BigCommerce Gatsby Starter w/ Netlify CMS

    Example Gatsby, BigCommerce and Netlify CMS project meant to jump start Jamstack ecommerce sites.

    Through the use of Netlify Functions, supports a built-in cart and checkout flow (with 50+ payment gateways / methods, advanced tax and shipping providers, etc) that uses the BigCommerce APIs to provide a complete end-to-end shopper experience, without the need for a complex backend or middleware.

    Note: Requires a BigCommerce store, which you can get a free trial of via bigcommerce.com, which includes API access, if you don't already have an account. There is also an optional partner program which includes a sandbox account to play around in.

  • Commerce.js - Fully-fledged eCommerce store built with Next.js

    A fully-fledged and customizable Jamstack eCommerce storefront built using Next.js as a frontend, Chec and Commerce.js as the eCommerce backend with production-ready deployment to Netlify.

    Being an API-first eCommerce platform, Chec/Commerce.js helps businesses to freely decouple and tool their websites. This template comes built with marketing pages, a product listing page, single product display pages, cart and checkout functionalities, and an order confirmation page.

    Note: You will need to sign up for a Chec account at commercejs.com which includes the API access. Please follow the guide in the github repo to configure your inital setup.

  • Commerce Layer Starter

    A multi-country ecommerce starter that features the sanity studio built with Commerce Layer, Next.js, and deployed to Netlify. The starter comes with an ecommerce storefront built with Nextjs, Commerce Layer react components library, and Tailwind CSS alongside international shopping capabilities powered by Commerce Layer APIs. You also get a micro CLI seeder to import Commerce Layer data, structured content on Sanity CMS, localization support, and deployment configuration to Netlify.

  • Delog - GatsbyJS + Netlify CMS

    Delog is developed for professional bloggers and web designers to build a website that has a lightning-fast navigation speed. Simply follow the steps given in the ‘Read Me’ document and your website all set with CMS and Contact form. With bacsic knowledge of CSS/SCSS you can also change the color scheme to match your style

  • Eleventy base blog template

    This project template includes a simple blog structure using Eleventy, It demonstrates how to collect pages into blog posts and provide a tagging structure.

  • empress-blog - Casper

    A fully-functional, static site implementation of a blog system that is mostly compatible with Ghost and Ghost Templates.

    Built on EmberJS with fully working out of the box SEO friendly output and all content is authored using Markdown

  • Foundation - Gatsby and NetlifyCMS Starter

    A starter to launch your blazing fast personal website and a blog, Built with Gatsby and Netlify CMS. Made with ❤ by Stackrole

Features

-   A Blog and Personal website with Netlify CMS.
-   Responsive Web Design
-   Customize content of Homepage, About and Contact page.
-   Add / Modify / Delete blog posts.
-   Edit website settings, Add Google Analytics and make it your own all with in the CMS.
-   SEO Optimized
-   OpenGraph structured data
-   Twitter Cards meta
-   Beautiful XML Sitemaps
-   Netlify Contact Form, Works right out of the box after deployment.
-   Invite collaborators into Netlify CMS, without giving access to your Github account via Git Gateway
-   For instructions, take a look at readme.md at Github repo.
-   Gatsby Incremental Builds with Netlify.

  • Gatsby + Netlify CMS Starter

    A starter project for using Gatsby to build a blog site backed with Netlify CMS for content authoring.

    This example is the Kaldi coffee company template (adapted from One Click Hugo CMS).

  • Gatsby developer blog

    A fully customizable blog template designed for developers (or anyone else) wanting to get into blogging. Easy to edit, customize and extended. The blog is completely statically generated via GatsbyJS, comes with syntax highlighting (via PrismJS) out of the box, and has server-side rendering built-in, among other things.

  • Gatsby starter blog

    A static site generator which uses React and provides both pre-rendering and client-side hydration. Some interesting bonuses included such as easy service worker support and GraphQL built in for providing templates with their data.

  • Gatsby Contentful Starter blog

    Static sites are scalable, secure and have very little required maintenance. They come with a drawback though. Not everybody feels good editing files, building a project and uploading it somewhere. With Contentful and Gatsby you can connect your favorite static site generator with an API that provides an easy to use interface for people writing content and automate the publishing using services like Travis CI or Netlify.

  • Gatsby default starter site

    A static site generator which uses React and provides both pre-rendering and client-side hydration. Some interesting bonuses included such as easy service worker support and GraphQL built in for providing templates with their data.

  • Gatsby Starter eCommerce

    A GatsbyJS starter focused on creating an eCommerce site using Moltin eCommerce Api and stripe payment gateway.

  • Gatsby Starter Minimal Blog

    A GatsbyJS starter focused on typography & minimalistic style. Write your blogposts in markdown and easily customize the look of the site. The blog has features like categories, PrismJS highlighting and previous/next notes. Because of the offline support, WebApp Manifest and extensive SEO the blog is a fully fledged PWA.

  • Hugo Novela with Forestry

    With minimal styling and maximum features — including multiple homepage layouts, built-in social sharing and dark mode — Novela makes it easy to start publishing beautiful articles and stories with Hugo and Forestry.

    Novela is built by the team at Narative, and built for everyone that loves the web.

  • Hugo starter blog theme - Casper

    A Hugo boilerplate for creating a blog site backed with NetlifyCMS for content authoring.

    This site template has an asset pipeline using Gulp and Webpack for processing JavaScript with Babel, and CSS with PostCSS.

  • Indiego Hugo starter kit

    A socially aware Hugo blog starter kit, with Modular CSS Gulp workflow, for frontend developers.

    Publish your RSS feeds to your social networks, all blog and status posts marked up with microformats to display post previews.

  • Jamdocs - a starter for documentations in Gridsome

    The ultimate static generated documentation theme for the Jamstack. Highly customizable, based on Gridsome, ready to deploy to Netlify in one click. Jamdocs is optimized to be as fast as possible, right now generating 100/100/100/100 score in Google Lighthouse. And 100/100 score in Google Page Speed Insights.

  • Jamify Starter for publishing Blogs with Gatsby & Ghost

    Publish flaring fast blogs with Gatsby and Ghost.

    This starter template is for professional publishers who are looking for a fully functional front-end with infinite-scroll, flexible routing, multi-language support and a rich plugin eco-system. It's built with performance in mind (auto image resizing, lazy loading with gatsby-image, and more) and comes with support for newsletter sign-up, easy comments integration and more. This starter features support for incremental builds thereby delivering the fastest build times ever seen.

  • Jekyll & Alembic theme starter

    Alembic is a starting point for Jekyll projects, giving all sorts of bells and whistles but with reduced complexity. This is a starter kit for you to deploy a Jekyll site immediately to Netlify.

  • Jekyll + Netlify CMS Boilerplate

    A simple Jekyll boilerplate for creating a fast, static website on Netlify with a continuous deployment workflow and Netlify CMS for content editing.

    This template provides sample pages, blog posts and a working contact form powered by Netlify Forms.

  • Next.js starter app with NextAuth.js and a PlanetScale serverless database

    This starter app combines the powers of PlanetScale’s serverless databases with Prisma’s next-gen ORM and NextAuth.js for authentication to create a Next.js starter app that can scale with you. In this starter app, any users that sign up or log in are automatically stored in your PlanetScale database. There is also a built-in admin page, where you can see your users table without having to write database queries.

    Note: After you deploy to Netlify, you will need to follow the instructions in the documentation to get your PlanetScale database up and running.

  • Nextjs Starter for Blog

Nextjs Starter for Blog

🚀 Nextjs Starter is boilerplate code for your blog based on Next.js framework. ⚡️ Made with Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.

You can find a [Nextjs Starter demo](https://creativedesignsguru.com/demo/Nextjs-Blog-Boilerplate/).

You can also check our [Nextjs Themes](https://creativedesignsguru.com/category/nextjs/) or if you want to see all our [React Themes](https://creativedesignsguru.com/category/react/). You can see all our other [premium themes](https://creativedesignsguru.com/) using other static static generator like Eleventyjs.

Features

Blog feature:

-   🎈 Syntax Highlighting with Prism.js
-   🤖 SEO metadata and Open Graph tags
-   ⚙️ JSON-LD for richer indexing
-   📖 Pagination
-   🌈 Include a FREE minimalist blog theme
-   ⬇️ Markdown
-   💯 Maximize lighthouse score

Developer experience first:

-   🔥 Next.js for Static Site Generator
-   🎨 Integrate with Tailwind CSS
-   💅 PostCSS for processing Tailwind CSS
-   🎉 Type checking TypeScript
-   ✏️ Linter with ESLint
-   🛠 Code Formatter with Prettier
-   🦊 SEO metadata, JSON-LD and Open Graph tags with Next SEO

Built-in feature from Next.js:

-   ☕ Minify HTML & CSS
-   💨 Live reload
-   ✅ Cache busting

Philosophy

-   Minimal code
-   SEO-friendly
-   🚀 Production-ready

  • Bael Blog Template with Netlify CMS and Serverless Function

    Bael is a free template that gives you an easy way to start a blog that uses modern technologies like static-site Jamstack architecture, CSS grid layout, responsive design, a serverless function that handles emails newsletter signup with Sendgrid, and fuzzy search — all wrapped up in a brutalist aesthetic.

    Bael runs using Nuxt.js, Vue.js, Netlify CMS, and is hosted by Netlify.

    A free Sendgrid account and API key is needed to setup the newsletter signup feature.

    Made by jake101

  • Nuxt & Netlify CMS Boilerplate

    A super unopinionated starter project, built off the create-nuxt-app CLI tool, and leveraging Netlify CMS to generate content in the Nuxt API from flat files.

  • Platframe default starter

    Platframe's default (responsive) starter template takes the form of a landing page that can be personalized in a jiffy, or be extensively adapted to suit variable project scopes.

    Multipage sites are well-supported with a growth-proof, scalable architecture. The template allows for granular control, and is powered by an extensible, feature-rich build-system.