HomeSuomeksi

Portfolio Website

Next.jsNext.js
Sanity.ioSanity.io

This website is built using Next.js and Sanity.io Headless CMS. The goal was to create a high-performance, dynamic, and easily maintainable portfolio that scales seamlessly across all devices.

Technical Implementation

The site utilizes the latest best practices in modern web development:

  • Next.js App Router & TypeScript: Ensures type safety and optimal performance using Server Components.
  • Headless CMS (Sanity): Allows for real-time content updates (like these project descriptions and order ranks) without touching the code.
  • SASS & Responsiveness: I used SCSS Modules to build a clean, maintainable UI featuring a custom carousel with smooth fade effects.
  • GROQ Queries: Optimized data fetching to retrieve only the necessary data, including multi-language support and custom ordering.

Special Features

I implemented dynamic localization (FI/EN), dynamic slugs, and a custom project ranking system. The carousel is designed with user experience in mind, featuring precise scroll controls for both desktop and mobile users.

Links and resources:

  • 💻 Source Code: GitHub
  • Sanity: Sanity.io