Slik bygger jeg min personlige portefølje med Next.js

Denne porteføljen er mer enn en presentasjon av arbeidet mitt. Den er også et prosjekt hvor jeg kan bygge, teste og forbedre ideer mens jeg utvikler meg som webutvikler.

Hvorfor jeg bygger porteføljen selv

Jeg ønsket en nettside som kunne vise både hvem jeg er og hvordan jeg arbeider. En ferdig mal kan være et godt utgangspunkt, men målet mitt er å gjøre løsningen personlig og tilpasse den til mine egne behov.

Derfor arbeider jeg gradvis med å forbedre designet, innholdet, ytelsen og strukturen.

Teknologiene jeg bruker

Porteføljen er utviklet med:

• Next.js
• React
• TypeScript
• Tailwind CSS
• MDX

Next.js gir meg en tydelig struktur for sider, komponenter og API-ruter. TypeScript hjelper meg med å oppdage feil tidligere, mens Tailwind CSS gjør det mulig å utvikle og justere designet effektivt.

MDX bruker jeg til artiklene. Det gjør at jeg kan skrive innhold med Markdown og samtidig bruke React-komponenter når det er nødvendig.

Et personlig og interaktivt uttrykk

På forsiden kan introduksjonen vises på både engelsk og norsk. Når språket endres, endres også portrettet med en tredimensjonal kortanimasjon.

Dette er en liten detalj, men den viser hvordan design og funksjonalitet kan brukes sammen for å skape en mer personlig opplevelse.

Brukervennlighet først

Jeg forsøker å holde løsningen enkel og oversiktlig. Besøkende skal raskt kunne forstå:

• hvem jeg er
• hva jeg arbeider med
• hvilke teknologier jeg bruker
• hvilke prosjekter jeg har utviklet
• hvordan de kan kontakte meg

Jeg tester også siden på forskjellige skjermstørrelser slik at innholdet fungerer på både mobil og datamaskin.

Videre utvikling

Porteføljen er fortsatt under utvikling. De neste stegene er å forbedre den norske språkversjonen, presentere egne prosjekter tydeligere og bygge en teknisk struktur som fungerer godt for både søkemotorer og AI-baserte søketjenester.

Jeg ønsker at porteføljen skal utvikle seg sammen med ferdighetene og erfaringene mine.