- Eslint/Prettier configured
- Scores 100% on a11y / Performance / PWA / SEO
- PWA (desktop & mobile)
- Easy to customize
- Nice project structure
- Amazing illustrations by Undraw.co
- Tablet & mobile friendly
- Continuous deployment with Netlify
- A contact form protected by Google Recaptcha
- Can be deployed with one click
- Functional components with
RecomposeReact Hooks!ready to migrate to React hooks! - Fetches your Github pinned projects with most stars (You could customize this if you wish)
Project on Behance
.
├── data
│ └── config # SEO related tags
├── src
│ └── assets # Assets
│ │ │── icons # icons
│ │ │── illustrations # illustrations from (undraw.co)
│ │ └── thumbnail # cover of your website when it's shared to social media
│ ├── components # Components
│ │ │── common # Common components
│ │ │── landing # Components used on the landing page
│ │ └── theme # Header & Footer
│ └── pages # Pages
└── static # favicon & Netlify redirects
Please create a new file .env.development
and put this env variable with your GitHub token
If you're building locally, you will have to create a new file
.env.production
and put the same env variable
GITHUB_TOKEN=xxxxxxxxxx
Don't forget to edit your site's data on data/config.js
file with your Google Recaptcha public key
When deploying on Netlify, you will have to set the private key as well
SITE_RECAPTCHA_KEY=xxxxx
SITE_RECAPTCHA_SECRET=xxxxx
I highly recommend you check this repository for more details about the Google Recaptcha and Netlify forms
Installing the dependencies
yarn
yarn start
This removes the .cache/
& public/
folders
yarn reset
- Adobe XD
- Gatsby
- React & GraphQL
- VSCode
- And these useful of JavaScript libraries & Gatsby plugins package.json
This project is licensed under the MIT License - see the LICENSE.md file for details
If you love this Gatsby template and want to support me, you can do so through my Patreon