Portfolion uudelleenrakennus Next.js 16:lla

Vanha portfolio toimi, mutta jokainen uusi projekti tarkoitti layout-koodin muokkaamista tai HTML-toistoa. Halusin järjestelmän, jossa rakenne pysyy vakaana ja sisältö kulkee tyypitetyn datan ja käännöstiedostojen kautta.

Next.js 16 App Router tarjoaa staattiset projekti- ja muistiinpanoreitit, palvelinkomponentit SEO:lle ja yhteydenotto-API:n ilman erillistä backendiä. next-intl pitää suomen oletuskielenä ja englannin täysiarvoisena — samat URL:t, samat komponentit, eri viestitiedostot.

Projektit jakautuvat nyt perustietoihin (kuvat, slugit, kategoriat) ja lokalisoidun copyn (otsikot, case studyt, metadata). Erottelu tekee uuden projektin lisäämisestä nopeaa molemmilla kielillä.