- 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
Project on Behance
- Grab a Google recaptcha key from Google Recaptcha
- Grab your Github token from GitHub
- Click
and pass in your:
- Github token
To Env variables section.
-
Create an account at Formspree
-
Install Pnpm
-
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
pnpm i && pnpm dev
You could run
vercel env pull
to get your env variables from Vercel. -
Make sure to edit the
src/data/config.ts
file
I highly recommend that you push to GitHub/GitLab and deploy your repository to Vercel instead or just hit the Deploy button.
- 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 LICENSE.md file for more details
José Fernando Höwer Barbosa 📖 |
Elbarae Rguig 💻 📖 🐛 |
Karl Horky 💻 📖 🛡️ |
If you love this Next js template and want to support me, you can do so through my GitHub profile.