emil
25fd24d236
- Install @astrojs/rss and setup content collections (blog + generators) - Create BlogLayout with BlogPosting schema, article OG tags, prev/next nav - Create blog post pages EN/RU ([slug].astro) with dynamic routing - Create blog index pages EN/RU with post cards and filtering - Create RSS feeds EN/RU with auto-discovery links - Create generator category pages EN/RU (5 categories each) - Add category navigation pills to homepage - Create Breadcrumbs, RelatedGenerators, RelatedPosts components - Add breadcrumbs to GeneratorLayout and BlogLayout - Wire RelatedGenerators into GeneratorLayout - Wire RelatedPosts into blog post pages - Create 8 EN + 8 RU blog post templates with placeholder content - Add blog link to LanguageSwitcher navigation - Add category and blog translation keys
20 lines
757 B
Plaintext
20 lines
757 B
Plaintext
Task 20: RelatedGenerators.astro
|
|
|
|
Files changed:
|
|
- src/components/RelatedGenerators.astro (created)
|
|
- src/layouts/GeneratorLayout.astro (updated — integrated RelatedGenerators)
|
|
- src/i18n/translations.ts (updated — added relatedGenerators key EN+RU)
|
|
|
|
Build result:
|
|
- npm run build: PASSED
|
|
- 76 pages built, 0 errors
|
|
|
|
Component behavior:
|
|
- Accepts props: currentSlug, category, optional lang
|
|
- Filters generators by category, excludes current slug, limits to 4
|
|
- Returns null (renders nothing) if no related generators exist
|
|
- Locale-aware titles and links (EN / RU)
|
|
- Compact card layout: icon + title in a responsive 2-column grid
|
|
- Uses Tailwind with existing design tokens (accent color, zinc palette)
|
|
- Includes focus-visible ring for accessibility
|