Course 1.

Den her uge gik med at sætte selve siden op, den du kigger på nu. Det er Next.js og Tailwind, og det var første gang jeg lavede noget rigtigt i React.

Flow:

1. Startede helt fra bunden med create-next-app. Det var rart at få et tomt projekt at rode med uden at skulle tænke på opsætning.
2. Valgte Next.js fordi jeg gerne ville lære React ordentligt. Det giver også en god struktur så man ikke skal opfinde alt selv.
3. Tailwind har været med fra første dag. Jeg gider ærligt talt ikke skrive CSS fra bunden mere, det går bare hurtigere når man kan prøve ting af direkte i markup.
4. Inden jeg begyndte at kode noget, skitserede jeg siden på et stykke papir. Hero øverst, så projekter, skills og kontakt nederst. Det holdt jeg fast i hele vejen.
5. Jeg ville prøve at lave et glass-morphism look. Backdrop-blur, lidt gennemsigtighed, bløde skygger. Det tog nogle forsøg før det ikke bare lignede et filter lagt henover.
6. Lavede en typewriter-effekt i hero'en der skifter mellem de roller jeg gerne vil bruges til, altså Developer, QA, Guide. Lille detalje, men den gør at siden ikke føles helt død når man lander.
7. Mobilvisningen tog meget længere tid end jeg havde regnet med. Til sidst landede jeg på en hamburger-knap der dropper en menu ned. Det fungerer, men jeg sad et par aftener med det.
8. Slog View Transitions til så det glider lidt blødere når man klikker rundt mellem siderne. Det er sådan en lille ting man ikke bemærker bevidst, men det føles bedre.
9. Pushede repoet til GitHub og koblede det op på Vercel. Nu bygger den automatisk hver gang jeg pusher, hvilket er ret vildt første gang man oplever det.
10. Til sidst købte jeg domænet og pegede det på Vercel. Det føltes som om siden først blev rigtig da den lå på sit eget navn.

Det sværeste var faktisk ikke det tekniske. Det var alt det andet, altså spacing, hvor stor en font skulle være, hvor meget tekst der skulle stå hvert sted. Det tog rigtig lang tid at få til at sidde, og jeg piller nok stadig ved det.