Landing Page für die Open Source Urlaubsverwaltung
Was du benötigst:
- Spaß an der Arbeit :o)
- NodeJS Version 20.x
- die genaue Version findest du in der .nvmrc Datei
- am besten installierst du dir ein Tool zum Verwalten verschiedener NodeJS Versionen wie z. B. node version manager (nvm) oder nodenv
Hast du NodeJS installiert und dieses Repository geklont kannst du direkt loswerkeln.
git clone --depth 1 git@github.com:focus-shift/urlaubsverwaltung-landingpage.git
cd urlaubsverwaltung-landingpage
npm ci
npm run dev
npm run dev
startet einen Server und baut nach dem Bearbeiten von Dateien alles neu.
Zum Automatisieren verschiedener Dinge bietet dir das Projekt git hooks an. Diese kannst du mit folgendem Befehl installieren:
git config core.hooksPath '.githooks'
Die Githooks sind im .githooks Verzeichnis zu finden.
Eine optimierte Version der Landingpage kannst du bauen mit:
npm run build
- public
- enthält statische Resourcen die nicht transformiert werden müssen (z. B. favicon, robots.txt, ...)
- src
- enthält den Inhalt der Webseite, CSS, JavaScript und alles was transformiert werden muss.
Jeder commit auf den Branch main
wird automatisiert gebaut, auf den gh-pages
branch gemerged und damit live genommen.
siehe .github/workflows/deployment.yml
- Bild-Optimierung
- Screenshots via flameshot
- Icon Set