A basic portfolio for developers

Gatsby version

Gatsby-portfolio-portfolio

Features

• TypeScript
• 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
• A contact form protected by Google Recaptcha powered by Formium
• Can be deployed with one click
• Fetches your Github pinned projects with most stars (You could customize this if you wish) using ISR
• One click deployment to Vercel

Design

Project on Behance

Prerequisites

Online

1. Create an account at Formium and grab your form endpoint url
2. Grab a Google recaptcha key from Google Recaptcha
3. Grab your Github token from GitHub
4. Click and pass in your:

• Formium form endpoint
• Google recaptcha public key
• Github token

To Env variables section.

Locally

1. Create an account at Formium

2. Install Yarn

3. Grab a Google recaptcha key from Google Recaptcha

4. Grab your Github token from GitHub

5. Run cp .env.development.local.template .env.development.local

   If you'd like to build the website locally, you will need to run cp .env.development.local.template .env.development.local as well and provide your env variables.

6. Run yarn && yarn dev

   You could run vercel env pull to get your env variables from Vercel.

7. Make sure to edit the src/data/config.ts file

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.

Built with

• Adobe XD
• Next js
• TypeScript
• Formium
• Google recaptcha
• VSCode
• And these useful of JavaScript libraries package.json

License

This project is licensed under the MIT License - see the LICENSE.md file for more details

Contributors

José Fernando Höwer Barbosa 📖

Elbarae Rguig 💻 📖 🐛

Support

If you love this Next js template and want to support me, you can do so through my GitHub profile.