En enkel Vite-applikation som räknar ränta på ränta.
- Vite
- JavaScript
- Vitest
- Docker
- GitHub Actions
- GitHub Pages
Pipelinen körs automatiskt vid varje push till main.
Steg i pipelinen:
- Installerar dependencies
- Kör enhetstester med Vitest
- Bygger applikationen
- Bygger Docker-image
- Deployar till GitHub Pages
Jag har valt att använda GitHub Actions för CI/CD eftersom det är direkt integrerat med GitHub och gör det enkelt att automatisera hela utvecklingsflödet utan externa verktyg.
Pipelinen körs automatiskt vid varje push till main och innehåller steg för installation av dependencies, testkörning, build samt deployment. Detta säkerställer att koden alltid testas innan den deployas, vilket minskar risken för att felaktig kod går ut i produktion.
Jag använder Vitest för enhetstester eftersom det är snabbt och enkelt att integrera i en Vite-applikation. Testerna verifierar att applikationens kärnfunktion fungerar korrekt.
Docker används för att paketera applikationen i en container, vilket gör att build-processen blir reproducerbar och fungerar likadant oavsett miljö. Detta är en viktig princip inom DevOps.
Jag har även implementerat caching av npm-beroenden i pipelinen för att förbättra prestanda och minska build-tiden.
Sammanfattningsvis har jag byggt en automatiserad pipeline utan manuella steg, vilket är ett centralt mål inom CI/CD.