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.
Consulting
If you're seeking solutions to a problem or need expert advice, I'm here to help! Don't hesitate to book a call with me for a consulting session. Let's discuss your situation and find the best solution together.
Related Posts
Migrate URLs in Next.js
How to migrate URLs in Next.js to avoid 404 errors and improve SEO with permanent redirects.
Inject HTML content into an Astro component
While working on a project within the Astro framework, I encountered a scenario where I needed to fill HTML content within a script tag.
Formatting Big Numbers in JavaScript
When working with large numerical values in JavaScript, it can be challenging to display them in a way that's easy to read and understand. In this blog post, we'll explore techniques for formatting big numbers in JavaScript with built-in methods.
Featured Posts
Introducing new blog about OAuth, OpenID Connect, and IAM Solutions
I'm excited to announce the launch of a new blog named CerberAuth, where I'll be exploring the world of OAuth, OpenID Connect, and IAM solutions for modern security.
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.