A basic portfolio for developers
Gatsby version
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
- Create an account at Formium 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:
- Formium form endpoint
- Google recaptcha public key
- Github token
To Env variables section.
Locally
-
Create an account at Formium
-
Install Yarn
-
Grab a Google recaptcha key from Google Recaptcha
-
Grab your Github token from GitHub
-
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. -
Run
yarn && yarn dev
You could run
vercel env pull
to get your env variables from Vercel. -
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.