This is a fully featured personal starter I use as a base for my projects that I believe could serve to be useful to others in our community. Go wild and feel free to contribute improvements!
[Demo]
If you have any suggestions or bugs to report, feel free to create an issue here.
-
Gatsby v2
-
SEO Generation
- Sitemap Generation
- Robots.txt Generation
- Site Metadata
-
PWA Support
-
Development Tooling
-
Continuous Integration and Deployment
- Netlify Header Generation
- CircleCI Configuration
- Automatic Deployment to Netlify
-
Create a Gatsby site.
Use the Gatsby CLI to create a new site, specifying this starter.
gatsby new projectname https://github.com/DecliningLotus/gatsby-lotus-starter
-
Configure the setup.
-
Package Configuration
Navigate to
gatsby-config.js
and customize thesiteMetadata
andgatsby-plugin-manifest
to your personal requirements.Open
package.json
and personalize the package settings to your preferences. -
Font Setup
This starter uses Fontsource as the default loader for fonts. This starter already has Roboto installed, however we can customize it in the following:
yarn remove fontsource-roboto yarn add fontsource-yourchosenfont
Then navigate to
src/components/layout.js
and replaceimport "fontsource-roboto/400-normal.css"
with your chosen font, weights and styles. Multiple fonts can be imported separately.This also uses an optional font preload generator and instructions on how to utilize this can be found in the link.
-
Continuous Integration and Deployment
The process of deployment and semantic releases is built upon a CircleCI config and served via Netlify.
Login to CircleCI and select your Github repo. CircleCI should be able to read the configuration already set within this starter and will smoothly handle everything for you.
Do note, you will then need to set project specific Environment Variables for CircleCI to modify your repo with Semantic Release and deploy to Netlify. The following:
- GH_TOKEN
- NETLIFY_AUTH_TOKEN
- NETLIFY_SITE_ID
-
And that should be it! Get right onto developing out your next blazing fast bootstrap website! Feel free to contribute and star this repo to support it.