Add blog detail page (/blog/[slug])

- app/blog/[slug]/page.tsx: article header (category/readTime, Playfair
  display title, excerpt, byline), full-bleed hero image, RichText body,
  "Passend dazu: ToDo-Karten" cross-promo, author bio card, "Weiterlesen"
  related-post card. Widths, fonts, and the Passend-dazu card's
  border/padding/spacing were corrected against the actual built Figma
  frame (page-blog-detail, node 4667:344, jCCZyh1DGwdjpv1wGge9To) via
  get_design_context after a few visually-wrong guesses.
- RichText.tsx: new "quote" case renders Lexical's blockquote feature as
  the "Merke dir:" pull-quote — label+underline+divider+Caveat lines,
  using the real exported sparkle/underline assets, matching Figma's
  actual (background-less) structure instead of a guessed bordered card.
- lib/payload.ts: getPostBySlug() for single-post fetches.
- lib/format.ts: formatDate() — "03. Juli 2025"-style German dates.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

This commit is contained in:

Marco

2026-07-19 20:51:41 +00:00

parent 3cf45cfb16

commit 2b270cf299

7 changed files with 314 additions and 0 deletions

public/icon-merke-dir-underline.png

BIN

View File

Binary file not shown.

After

Width: | Height: | Size: 14 KiB

public/icon-sparkle-merke-dir.png

BIN

View File

Binary file not shown.

After

Width: | Height: | Size: 1.0 KiB

public/icon-todo-passend-dazu.png

BIN

View File

Binary file not shown.

After

Width: | Height: | Size: 5.7 KiB