Static Page with Gatsby (POC)
Demo
https://prismic-starter-template.netlify.com
Latest report
You can see more details here
Why GatsbyJS?
Gatsby is a powerful site generator for React.
The main purpose is for developers to build their applications without worrying about performance as it does all this work very well.
Good parts 👍
- Good documentation and community
- Lot of plugins (Somes example that I've include in this doc)
- Very easier and fast to start a new project
- High audit scores easily
🏆 - Build a Progressive Web Apps (PWA's) with few lines
- Modern development environment
- Is open-source (with a Paid Team) :)
Good to know ⚠️
- Gatsby working with Prismic needs a webhook to update content
- You may have difficulty if you are unfamiliar with React and GraphQL
gatsby-source-prismic-graphqldoes not support useStaticQuery hooks yet (for SEO.js component you can useStaticQueryinstead)
What I've inclued
- Prismic as headless CMS
- Internal router navigation with Gatsby Link
- Github external API
- react-helmet to improve readability by search engines and social media crawlers
- Google Analytics Module with react-ga
- Code splitting with react-loadable
- Dark-mode theme
- PWA 100% working with gatsby-plugin-offline for register SW and manifest with gatsby-plugin-manifest
When
Start date: 04/11/2019
End date: 10/11/2019
Who
Author: Eder Munhoz dos Santos
Team: Health Growth
Jira card: HEAL-56