Index Index vor Ads: warum die Query zuerst kommt
2. September 2026 · 6 min · Nora Lindt
Sektion · 6 Varianten
Blog-Teaser
sections/BlogTeaser.astro
Drei Blog-Cards unter dem Intro: Raster, Featured 7+5, Liste in Haarlinien, Kopf mit Link, Split mit sticky Intro, Kicker-Karten.
Notizen
- Liberate: vier Karten mit Datum und Lesezeit, Link darunter. Shadcnblocks blog14: Featured plus Reihe.
- Blog-Card trägt Inhalt per Props, Sektion setzt nur Anordnung.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| variant | "drei" | "featured" | "liste" | "kopf-link" | "split" | "kicker" | "drei" | 01–06. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. |
<BlogTeaser variant="drei" surface="nacht" />01 · Drei
sm:grid-cols-3
Blog-Card klassisch. —
Nacht
Paper
02 · Featured
Erste Karte 7/12, zwei rechts
blog14. row-span-2.
Nacht
Paper
03 · Liste
Zeilen in Haarlinie
Blog-Card liste. —
Nacht
Paper
04 · Kopf-Link
Alle Echos rechts oben
Liberate. items-end.
Nacht
Paper
05 · Split
Intro sticky, Liste rechts
blog11. pt-8.
Nacht
Echos
Notizen aus dem Werk.
Was wir beim Legen lernen. Kurz, ohne Folien.
Paper
Echos
Notizen aus dem Werk.
Was wir beim Legen lernen. Kurz, ohne Folien.
06 · Kicker
Kicker-Variante der Karte
Blog-Card kicker. —
Nacht
Paper