> Markdown version of https://www.vissel-freitag.de/technik/ — the HTML page is canonical.

## 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](https://www.vissel-freitag.de/_astro/astrodotbuild.Di5FeiBo_Z179jgt.webp)

Zur Verbesserung der Funktionalität und des Designs werden verschiedene Integrationen verwendet:

*   [Astro Framework](https://astro.build/) & Integrations:
    *   [AlpineJS](https://alpinejs.dev/) für reaktive Benutzeroberflächen-Komponenten
    *   [Space Grotesk](https://fontsource.org/) als Schriftart via Fontsource
    *   [MDX](https://docs.astro.build/en/guides/integrations-guide/mdx/) zur Erstellung von Inhalten mit Markdown und JSX
    *   [Prefetch](https://docs.astro.build/en/guides/integrations-guide/prefetch/) Prefetch für schnellere Seitenladevorgänge
    *   [Rehype: External Links](https://www.npmjs.com/package/rehype-external-links) Rehype-Plugins für externe Links
    *   [Rehype: Accessible Emojis](https://www.npmjs.com/package/rehype-accessible-emojis) Rehype-Plugin für barrierefreie Emojis
    *   [Sitemap](https://docs.astro.build/en/guides/integrations-guide/sitemap/) für bessere Suchmaschinenoptimierung
    *   [TailwindCSS](https://tailwindcss.com/) für ein effizientes und anpassungsfähiges Styling

## Design

 ![vissel-freitag.de Design in Figma](https://www.vissel-freitag.de/_astro/vf-figma.CVjf0p3N_2rgXb3.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.

*   [Figma](https://www.figma.com/)

## Hosting

 ![Screenshot: Cloudflare Pages Webseite](https://www.vissel-freitag.de/_astro/vf-cloudflare-pages.CjMyhmJm_Z2tt0sb.webp)

*   [Cloudflare Pages](https://pages.cloudflare.com/)