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 Vercel
- Or with Netlify, check Netlify branch
- 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)
- One click deployment to Vercel
Design
Project on Behance
Structure
.
├── 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
Prerequisites
Online
- Create an account at Formik and grab your form endpoint url
- Grab a Google recaptcha key from Google Recaptcha
- Grab your Github token from GitHub
- Click and pass in your:
- Formik form endpoint
- Google recaptcha public key
- Github token
To Env variables section.
Locally
- Create an account at Formik
- Install Yarn
- Grab a Google recaptcha key from Google Recaptcha
- Grab your Github token from GitHub
- Run
cp .env.development.template .env.development
- Run
yarn && yarn start
You could run
vercel env pull
to get your env variables from Vercel.
Deploying locally to Vercel
I highly recommend that you push to GitHub/GitLab and deploy your repository to Vercel instead or just hit the Deploy button.
Clean the cache
This removes the .cache/
& public/
folders
yarn reset
Built with
- Adobe XD
- Gatsby
- React & GraphQL
- Formik
- Google recaptcha
- 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 more details
Contributors
- Ajay NS smakosh/gatsby-portfolio-dev#3
- Ryan Lee smakosh/gatsby-portfolio-dev#6
- David smakosh/gatsby-portfolio-dev#8
- Léu Almeida smakosh/gatsby-portfolio-dev#21
- Kudakwashe Mupeni smakosh/gatsby-portfolio-dev#20
- sasannnn smakosh/gatsby-portfolio-dev#22
- Michael Seifarth smakosh/gatsby-portfolio-dev#27
- Hugo smakosh/gatsby-portfolio-dev#34 smakosh/gatsby-portfolio-dev#35
- manula thejan smakosh/gatsby-portfolio-dev#38
- Benjamin Lo smakosh/gatsby-portfolio-dev#40
- Yassine Rais smakosh/gatsby-portfolio-dev#41
- Smakosh
Support
If you love this Gatsby template and want to support me, you can do so through my GitHub profile.