- 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
17 lines
667 B
Plaintext
17 lines
667 B
Plaintext
Task 18: Category Navigation Pills on Homepage
|
|
|
|
Files modified:
|
|
- src/pages/index.astro
|
|
- src/pages/ru/index.astro
|
|
- src/i18n/translations.ts
|
|
|
|
Build result: PASS (85 pages, 0 errors)
|
|
|
|
Verification:
|
|
- dist/index.html contains category navigation pills
|
|
- dist/ru/index.html contains localized category navigation pills
|
|
- All 5 categories present: Gaming (6), Security (3), Decision Making (4), Creative (5), Utility (10)
|
|
- Links point to /generators/category/[category]/ (EN) and /ru/generators/category/[category]/ (RU)
|
|
- Pills styled with Tailwind: rounded-full, bg-zinc-800/60, border-zinc-700/50, hover:bg-accent/20, hover:text-accent
|
|
- Responsive flex-wrap layout
|