1.7 KiB
vspace.one - Website
Dies ist das Repository mit dem Quellcode der vspace.one Webseite.
Tech-Stack
Das Projekt nutzt als Basis die "Astro" Framework.
Als Laufzeit empfehlen wir "Bun", es sollte allerdings auch möglich sein Node.js zu verwenden.
Wieso nicht React, Vue oder XYZ...?
Ziel ist es die Seite vielen Menschen zugänglich zu machen. Bisher nutzt die Seite ausschließlich Astro Komponenten, welche vom Prinzip her eine Abstraktion über HTML sind, und sehr nah am Web-Standard im Vergleich zu vielen anderen Frameworks.
Allerdings ist es in Astro auch problemlos möglich mit bspw. React zu arbeiten. Dies funktioniert über "Islands/Inseln". Hierbei handelt es sich um Inseln die in dem Projekt eingebetteten werden (Sinnbildlich, nicht zu verwechseln mit iframes). In diesen Islands können React, Vue.js sowie viele weitere libraries verwendet werden.
Ziel ist es soweit wie möglich mit Astro auszukommen, da wir hierdurch zu großen Teilen auf Client-Seitiges JavaScript verzichten können, was die Bundle Size klein hält und die Ladezeiten schnell.
Grundsätzlich bleibt es euch aber offen eure Lieblings-Library zu verwenden, solange es nicht auf der Startseite ist.
Entwickeln des frontends
Die Befehle müssen im Unterordner /web ausgeführt werden.
Installieren der Abhängigkeiten
Bun:
bun install
Node.js/NPM:
npm install
Starten des Entwicklungsservers
Bun:
bun dev
Node.js/NPM:
npm start
Kompilieren
Bun:
bun run build
Node.js/NPM:
npm run build
Kompilieren
Hinweis: Hierfür muss erst die Seite kompiliert werden.
Bun:
bun preview
Node.js/NPM:
npm preview