- Added focusedIndex state to track keyboard focus
- Enhanced handleKeyDown to support ArrowDown, ArrowUp, Enter, and Escape keys
- Added visual focus indicator with orange ring (ring-2 ring-orange-500)
- Implemented aria-activedescendant for screen reader support
- Added unique IDs to language options for accessibility
- Reset focusedIndex when dropdown opens/closes
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
- Ran npx tsc --noEmit successfully with no errors
- TypeScript compilation verified after deletion of components-vite and pages-vite
- No type errors or compilation issues found
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
- Created src/data/legacyBlogPosts.ts following pattern from cities.ts and services.ts
- Exported LegacyBlogPostsData type and legacyBlogPosts constant
- Includes all 8 legacy blog posts with translations (de, en, sr)
- Build succeeds with no type errors
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Verified that Next.js build completes successfully before proceeding with
deletion of components-vite and pages-vite directories. Build exited with
code 0 (success).
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Generated responsive image variants for all 4 existing blog posts:
- automated-ad-creatives
- erp-integration-breuninger
- fullstack-development-timetracking
- rfid-automation
Each post now has optimized cover images in multiple sizes:
- JPG variants: 200w, 300w, 400w, 600w, 800w, 1200w
- WebP variants: 200w, 300w, 400w, 600w, 800w, 1200w
- Optimized originals: cover.jpg, cover.webp
This matches the optimization pipeline used for project images and
enables responsive image loading with WebP support.
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Extended the image optimization script to process both project and blog post images:
- Added constants for posts input/output directories
- Refactored processImage to accept output directory parameter
- Updated processDirectory to handle multiple content types
- Main function now processes both projects and posts directories
- Gracefully handles missing directories with informative messages
Removed framework metadata files that should not be version controlled:
- .auto-claude-security.json
- .auto-claude-status
- .claude_settings.json
Updated .gitignore to exclude these files pattern-wide.
Files removed from git tracking but preserved on disk.
QA Fix Session: 1
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Created comprehensive test page at src/app/test-localstorage/page.tsx to verify useLocalStorage hook functionality in the browser.
Test Coverage:
- String values (basic get/set)
- Complex objects (nested properties)
- Arrays (add/remove items)
- Numbers (increment/decrement)
- Remove functionality
- State persistence across page refreshes
- Real-time localStorage updates visible in DevTools
Verification Guide:
A detailed manual verification guide has been created at .auto-claude/specs/004-add-uselocalstorage-custom-hook/MANUAL_VERIFICATION.md with step-by-step instructions for browser testing.
Manual Verification Checklist:
- [ ] No hydration errors in console
- [ ] localStorage updates visible in DevTools
- [ ] State persists across page refresh
- [ ] No TypeScript errors (verified with npx tsc --noEmit)
TypeScript compilation verified with no errors.
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
- Created BlogList client component with search and category filtering
- Integrated SearchBar and CategoryFilter components
- Implemented case-insensitive search by title/excerpt/tags
- Added category filtering with AND logic for combined filters
- Updated pagination to work with filtered results
- Added search placeholder translations for de/en/sr
- Moved blog card and pagination logic to client component
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
damjan_savic
