Skip to content


Repository files navigation

A basic portfolio for developers

All Contributors

Deploy with Vercel

Powered by Vercel

Gatsby version


Screenshot 2022-06-08 at 15 56 48


  • TypeScript
  • Eslint/Prettier configured
  • Scores 100% on a11y / Performance / PWA / SEO
  • Easy to customize
  • Nice project structure
  • Amazing illustrations by
  • 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


Project on Behance



  1. Grab a Google recaptcha key from Google Recaptcha
  2. Grab your Github token from GitHub
  3. Click Deploy with Vercel and pass in your:
  • Github token

To Env variables section.


  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


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


José Fernando Höwer Barbosa
José Fernando Höwer Barbosa

Elbarae Rguig
Elbarae Rguig

💻 📖 🐛
Karl Horky
Karl Horky

💻 📖 🛡️
Moutawakkil Mohammed
Moutawakkil Mohammed

💻 🐛
Bharath Kalyan S
Bharath Kalyan S



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


No releases published


No packages published