Portfolio for developers
Theme
Features
- 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)
Design
Project on Behance
Structure
.
├── data
│ └── config # SEO related tags
├── src
│ ├── components # Components
│ │ │── common # Common components
│ │ │── landing # Components used on the landing page
│ │ └── theme # Header & Footer
│ └── pages # Pages
└── static # Icons, favicon & SVG illustrations
Prerequisites
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
Installing the dependencies
yarn
Start the dev server
yarn start
Clean the cache
This removes the .cache/
& public/
folders
yarn reset
Built with
- Adobe XD
- Gatsby
- React & GraphQL
- VSCode
- And these useful of JavaScript libraries & Gatsby plugins package.json
License
This project is licensed under the MIT License - see the LICENSE.md file for details
Contributors
Support
If you love this Gatsby template and want to support me, you can do so through my Patreon