Unsere Homepage hat jetzt einen Blog

Unsere Homepage lief bisher als React-SPA mit TanStack Router und Vite. Das hat funktioniert, war aber für eine weitgehend statische Seite mehr Aufwand als nötig. Also haben wir auf Astro 6 umgestellt. Astro generiert statisches HTML und schickt standardmäßig kein JavaScript an den Browser. Routing läuft dateibasiert, Inhalte wie Blog-Beiträge und rechtliche Seiten werden über Content Collections verwaltet, und Bilder optimiert Astro automatisch nach AVIF und WebP. Wo wir tatsächlich Interaktivität brauchen, reicht Vanilla JS in der Astro-Komponente.

Dabei haben wir gleich einen Blog eingerichtet. Hier wollen wir unsere Projekte vorstellen und die Arbeit dahinter zeigen. Den Anfang macht unser nächster Beitrag über Chatpott, der digitale Assistent für Oberhausen.

Markdown Feature Test

Überschrift 3

Überschrift 4

Überschrift 5

Überschrift 6

Das ist ein Absatz mit fettem Text, kursivem Text, fett und kursiv, durchgestrichenem Text und inline code. Hier ist ein Link zu GeoMesh und ein automatischer Link: https://geomesh.de

Das ist ein Blockzitat. Es kann mehrere Zeilen haben.

Und verschachtelt sein.

• Ungeordnete Liste Punkt 1
• Punkt 2
  • Verschachtelter Punkt
  • Noch einer
• Punkt 3

1. Geordnete Liste Punkt 1
2. Punkt 2
   1. Verschachtelter Punkt
   2. Noch einer
3. Punkt 3

• Aufgabe offen
• Aufgabe erledigt

const greeting: string = "Hallo Welt";
console.log(greeting);

Codeblock ohne Sprache.

Das ist ein Absatz mit einer Fußnote¹.

Horizontale Linie oben.

Hier ist ein Bild (Platzhalter):

Zum Schluss eine Definition per HTML:

Astro

Ein Web-Framework für statische Seiten.

Tailwind

Ein Utility-First CSS-Framework.

Das ist ein Absatz mit einem Zeilenumbruch.
Hier geht es in der nächsten Zeile weiter.

Subscript: H₂O und Superscript: E = mc²

Markierter Text und Ctrl + C als Tastenkombination.

KI ist eine Abkürzung.