Technik
Die Webseite vissel-freitag.de nutzt moderne Webtechnologien, um eine schnelle und benutzerfreundliche Erfahrung zu bieten. Das Herzstück der Seite ist das Astro Framework, welches für seine Leistungsfähigkeit und Flexibilität bekannt ist.
![Screenshot: Astro Webseite](/_astro/astrodotbuild.xcGIDtA9_1SlDRO.webp)
Zur Verbesserung der Funktionalität und des Designs werden verschiedene Integrationen verwendet:
- Astro Framework & Integrations:
- AlpineJS für reaktive Benutzeroberflächen-Komponenten
- Space Grotesk als Schriftart via Fontsource
- MDX zur Erstellung von Inhalten mit Markdown und JSX
- Prefetch Prefetch für schnellere Seitenladevorgänge
- Rehype: External Links Rehype-Plugins für externe Links
- Rehype: Accessible Emojis Rehype-Plugin für barrierefreie Emojis
- Sitemap für bessere Suchmaschinenoptimierung
- TailwindCSS für ein effizientes und anpassungsfähiges Styling
- Add to Calendar Button zur einfachen Eintrag der Termine in Kalender
Design
![vissel-freitag.de Design in Figma](/_astro/vf-figma.CVjf0p3N_qw8b.webp)
Das Design dieser Seite wurde von mir in Figma entwickelt bzw. skizziert. Mehr als einen groben Grundriss aller Seiten und Elemente gab es nicht.
Hosting
![Screenshot: Cloudflare Pages Webseite](/_astro/vf-cloudflare-pages.CjMyhmJm_Z17e1cb.webp)