A basic portfolio for developers
Gatsby version (don't use this one for the bootcamp 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
- 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
- Formium form endpoint
- Google recaptcha public key
- Github token
this keys will be needed to add 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. -
Paste the credentials you got in the setup step and paste it here.
Deploying
- Create an account in netlify.
- Add to netlify the variables you added in the
.env
file.
NOTE: to deploy locally env vars should be on
.env.production.local
file.
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.