Gatsby + Netlify CMS + TailwindCSS Starter
Emmanuel Gautier / October 17, 2021
2 min read
With the number of websites generated with the same tools, I tend to mutualize as much as we can the effort to maintain the common technical stack. Following this principle, I just created a new starter coming from some of my website development and powered with Gatsby.
You can find this starter on this Github Repository. This repo contains an example business website that is built with:
It follows the JAMstack principles with Git as a single source of truth for pages and blog posts, deployed and delivered thanks to the solution Netlify.
This starter is not strongly linked with Netlify so you can choose the hosting provider you want but, since this starter is using the Netlify CMS solution, the integration is simpler with Netlify.
What are the main features?
This starter brings the following set of features:
- Pages and Blog posts content model
- Performance optimized with good Web Vitals scores
- SEO optimized
- Twitter Cards and Open Graph support
- RSS Feed
- Sitemap
Since this starter comes from my other websites developments, this list should bring most of the features you will need to build a website. If your think some features are missing or can be improved, feel free to contribute by making a PR or create an issue to ask about new features.
To see how it looks, please go to the deployed Demo Page.
Related Posts
How to use Chakra UI Button and Link components with NextJS Link
There is some glue to add to make Chakra UI and NextJS work together. The Chakra UI components do not generate the "a" tag by default for a link. Let's see how to use the Chakra button to generate links between pages.
How to use Chakra UI Button and Link components with NextJS Link
There is some glue to add to make Chakra UI and NextJS work together. The Chakra UI components do not generate the "a" tag by default for a link. Let's see how to use the Chakra button to generate links between pages.
Publish on Cloudflare Pages with unsupported language versions
It may happen that a version of Node is not supported yet by Cloudflare and will remain not supported for some weeks. That can happen even if it is a Long Term Support (LTS) version. Here how to build even if cloudflare does not support the version.
Featured Posts
How to deal with Docker Hub rate limit on AWS
Since 2020, DockerHub has been limited to only 200 container image pull requests per six hours. This article will help you to deal with this limitation on AWS.
How to enable Python type checking in VSCode
Python now has support for type hints. In this article, we will see how to enable better IntelliSense and type checking analysis in VSCode.
How to manage Internationalization with NextJS SSG
Staticaly generating a website with the NextJS framework in different languages is not so obvious.