Astro Integrationen 2026: Open Source mit AI-Fokus

Astro bleibt für mich spannend, weil der Core klein bleibt und Integrationen gezielt zugeschaltet werden. Für ein persönliches Open-Source-Projekt ist das genau richtig: wenig Magie, gute Performance, klarer Build.

Welche Integrationen derzeit wirklich tragen

Für diese Seite nutze ich aktuell:

  • @astrojs/mdx: erlaubt normales Markdown, aber auch gezielte interaktive Komponenten an den wenigen Stellen, wo statischer Text nicht reicht.
  • @astrojs/sitemap: erzeugt bei jedem Build automatisch eine aktuelle Sitemap, damit Suchmaschinen neue und geänderte Inhalte schneller finden.
  • @astrojs/rss: erstellt sprachspezifische Feeds (/de/rss.xml, /en/rss.xml), sodass Leser neue Beiträge ohne Plattform-Algorithmus abonnieren können.

Das sind keine exotischen Plugins, sondern stabile Basis-Bausteine. Für einen ersten Launch braucht es oft nicht mehr.

So aktivierst du sie konkret

In diesem Projekt sind alle drei Integrationen bereits installiert und aktiv. Für ein neues Astro-Projekt sieht der übliche Ablauf so aus:

npm install @astrojs/mdx @astrojs/sitemap @astrojs/rss

Dann in astro.config.mjs einbinden:

import { defineConfig } from 'astro/config';
import mdx from '@astrojs/mdx';
import sitemap from '@astrojs/sitemap';

export default defineConfig({
  site: 'https://deine-domain.tld',
  integrations: [mdx(), sitemap()],
});

@astrojs/rss wird nicht als integrations: [...]-Plugin aktiviert, sondern über eine RSS-Route, z. B. src/pages/de/rss.xml.ts:

import rss from '@astrojs/rss';
import { getCollection } from 'astro:content';

export async function GET(context) {
  const posts = (await getCollection('posts')).filter((p) => p.data.lang === 'de' && !p.data.draft);

  return rss({
    title: 'Mein Feed',
    site: context.site,
    items: posts.map((post) => ({
      title: post.data.title,
      pubDate: post.data.pubDate,
      link: `/de/posts/${post.id.replace(/^de\\//, '')}/`,
    })),
  });
}

Danach reicht npm run dev für lokale Kontrolle und npm run build für den finalen Check.

Und wo kommt AI rein?

Eine “offizielle AI-Integration” im Astro-Core ist nicht der Punkt. Der bessere Weg ist modular:

  1. Inhalte mit LLM-Unterstützung vorbereiten (Themen, Struktur, Rohfassung)
  2. In src/content/posts/... als Markdown versionieren
  3. Über das Content-Schema (src/content.config.ts) Qualität erzwingen

Damit bleibt der Workflow transparent: AI hilft beim Entwurf, Git bleibt die Quelle der Wahrheit.

Open Source statt Black Box

Der Charme an Astro ist nicht “AI out of the box”, sondern dass es sich gut mit offenen Werkzeugen kombinieren lässt:

  • GitLab/GitHub für nachvollziehbare Änderungen
  • Cloudflare Pages für reproduzierbare Builds
  • lokale Agent-Workflows in Cursor statt proprietärer CMS-Blackbox

Kurz: lieber kleine, verständliche Bausteine als ein grosses “alles-in-einem”-System.

Mein Fazit nach den ersten Tagen

Astro ist für diesen Use Case genau dort stark, wo ich es brauche: content-first, schnell, versionierbar und integrationsfreundlich. AI ist ein Beschleuniger im Schreibprozess, aber nicht der Besitzer des Systems. Ich recherchiere Ideen mit AI und allenfalls ein draft aber den Text hier ist von mir.

Die englische Adaption ist publiziert; beide Versionen sind über translationOf miteinander verknüpft.