/next-portfolio0

A portfolio for developers (Next js version)

Primary LanguageTypeScriptMIT LicenseMIT

A basic portfolio for developers

All Contributors

Deploy with Vercel

Powered by Vercel

Gatsby version

Gatsby-portfolio-portfolio

Screenshot 2022-06-08 at 15 56 48

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 Deploy with Vercel 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
José Fernando Höwer Barbosa
📖		 Elbarae Rguig
Elbarae Rguig
💻 📖 🐛		 Karl Horky
Karl Horky
💻 📖 🛡️		 Moutawakkil Mohammed
Moutawakkil Mohammed
💻 🐛		 Bharath Kalyan S
Bharath Kalyan S
🐛

Support

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