Portfoliosivusto

Tämä sivusto on rakennettu modernilla Next.js -kehyksellä ja Sanity.io-sisällönhallintajärjestelmällä. Projektin tavoitteena oli luoda erittäin nopea, dynaaminen ja helposti päivitettävä portfolio, joka skaalautuu saumattomasti eri laitteille.

Tekninen toteutus

Sivusto hyödyntää uusimpia web-kehityksen parhaita käytäntöjä:

• Next.js App Router & TypeScript: Varmistaa tyyppiturvallisuuden ja optimaalisen suorituskyvyn Server Components -arkkitehtuurilla.
• Headless CMS (Sanity): Mahdollistaa sisällön (kuten nämä projektikuvaukset ja järjestysnumerot) muokkaamisen lennosta ilman koodimuutoksia.
• SASS & Responsiivisuus: Käytin SCSS-moduuleja luodakseni tyylikkään ja ylläpidettävän ulkoasun, jossa on muun muassa karuselli-näkymä ja pehmeät fade-efektit.
• GROQ-kyselyt: Optimoidut tietokantahaut, joilla haetaan juuri tarvittava data (esim. monikieliset otsikot ja kustomoitu järjestys).

Erityisominaisuudet

Toteutin sivustolle dynaamisen kielenvaihdon (FI/EN), dynaamiset URL-tunnisteet (slugs) ja räätälöidyn projektien järjestyslogiikan. Karuselli on suunniteltu käyttäjäystävälliseksi sisältäen tarkat skrollausominaisuudet sekä työpöydällä että mobiilissa.

Linkit ja lisätiedot:

• 💻 Lähdekoodi: GitHub
• Sanity: Sanity.io