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

• Bootstrap + React Bootstrap

• React Icons

• Fontsource

• Image Processing + SVGO Optimizations

• SEO Generation

  • Sitemap Generation
  • Robots.txt Generation
  • Site Metadata

• PWA Support

  • Web Manifest Generation
  • Responsive Favicon Generation
  • Service Worker Offline Support
  • nprogress

• Development Tooling

  • SASS Support
  • PostCSS Preset Env
  • CSSNano
  • ESLint
  • Prettier
  • Stylelint

• Continuous Integration and Deployment

  • Netlify Header Generation
  • CircleCI Configuration
  • Automatic Deployment to Netlify

1. 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

2. Configure the setup.

   1. Package Configuration

      Navigate to gatsby-config.js and customize the siteMetadata and gatsby-plugin-manifest to your personal requirements.

      Open package.json and personalize the package settings to your preferences.

   2. 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 replace import "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.

   3. 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.