A basic portfolio for developers

Gatsby version

Gatsby-portfolio-portfolio

Features

• TypeScript
• Eslint/Prettier configured
• Scores 100% on a11y / Performance / PWA / SEO
• 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 Formspree
• 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. Grab a Google recaptcha key from Google Recaptcha
2. Grab your Github token from GitHub
3. Click and pass in your:

• Github token

To Env variables section.

Locally

1. Create an account at Formspree

2. Install PNPM

3. Grab your Github token from GitHub

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

5. Run pnpm i && pnpm dev

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

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

   const config = {
     defaultTitle: 'John Doe',
     url: process.env.NEXT_PUBLIC_PORTFOLIO_URL!,
     defaultDescription: 'I’m John Doe and I’m a Software Engineer!',
     googleAnalyticsID: 'G-xxxxxx',
     twitter: '@smakosh',
   };

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
• Tailwindcss
• TypeScript
• Formspree
• 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 💻 📖 🐛

Karl Horky 💻 📖 🛡️

Moutawakkil Mohammed 💻 🐛

Bharath Kalyan S 🐛

Support

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