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.
Subscribe to the newsletter
Get emails from me about web development and a lot of topics related to tech.
Related Posts
Convert a JavaScript object to queryparams string
This post describes two very simple ways to convert a JavaScript object to a querystring both in a browser environment or server environment.
ESLint Global Variables
When we use some global variables defined elsewhere, eslint throws an error saying the variable is not defined. Here is how to configure eslint to ignore those.
Extend Window type with Typescript
Some of the object properties or functions are not available in the Typescript Window type. Let see a way to extend the Window type with the missing properties.
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.