Portfolio
- Year
- 2019
- Client
- Personal
- Link
- View project
Description
Working on my portfolio allowed me to experiment with the JAMstack. I chose Next.js as the main framework / static site generator, Contentful as the CMS, and Netlify for the CI/CD pipeline and hosting.
I started looking at a few examples on the Next.js repository, and I ended up creating my own starter template. The final set of features for this project includes:
Tailwind CSS, Purgecss, Autoprefixer and cssnano for styles
Framer Motion for custom page transitions
pre-commit and pre-push git hooks running stylelint, ESLint and Prettier checks
custom lazy-loading image component
self-hosted, lazily-loaded web fonts
Structured Data snippets on each page
additional HTTP headers for enhanced security (including CSP) and performance
light/dark theme switcher (based on CSS Custom Properties)
The result is a modern, accessible and fast website. The code for this project can be found on GitHub.