Arbetsprocess

I denna laboration har jag skapat en webbplats som har fokus på automatisering och publicering med NodeJS och Git. Projektet har versionhanterats med git och lagrats i ett Github repository. Under arbetets gång har jag gjort regelbundna commits för att visa utvecklingen av arbetet. Jag har haft två branches: main och development. Development branchen har används under utvecklingen och för testning, medans main branchen används för publicering.

för att automatisera uppgifter har jag använt Vite. Vite hanterar minifiering av CSS och JavaScript och kopierar även filer till en färdig publiceringsmapp. Jag har därför kunnat arbeta med mina originalfiler under utvecklingen, medans Vite automatiskt skapar optimerade filer inför publicering i "dist" mappen.

Webbplatsen byggdes upp med HTML, CSS och JavaScript och består av tre undersidor, en startsida, en bildsida och en sida där jag beskriver min arbetsprocess. För att ha mer än en HTML-sida har jag konfiguerat Vite i "vite.config.js" filen. JavaScript användes för att skapa en responsiv navigeringsmeny som kan öppnas och stängas på mindre skärmar.

Bildoptimering sker automatiskt med en Vite-plugin för bildoptimering (Vite Image Optimizer). Vid "build" optimeras bilderna till den kvalite som jag angett i konfigueringen. För detta arbete har jag valt en kvalitet på ungefär 70-75 procent för bilderna.

För publicering har jag använt Vercel som är kopplat till mitt Github repository. När ändringar pushas till main branchen sker en automatisk deploy, vilket innebär att webbsidan publiceras utan en manuell uppladdning.