feat: add blog archive page support #955

shsteimer · 2025-10-24T21:07:35Z

Description

This PR implements an archive page for the blog that displays all blog posts in a grid layout.

Changes

Added renderBlogArchive function to handle the archive variant of the feed block
Archive page displays all blog posts in reverse chronological order (newest first)
Responsive grid layout:
- 1 column on mobile
- 2 columns on tablet (768px+)
- 3 columns on desktop (900px+)
Each post shows title, description, publication date, and image
Regular blog page behavior unchanged (shows latest post + 5 recent posts)

Test Content

Preview: https://blog-archive-cursor-shs-2--helix-website--adobe.aem.page/blog/archive
Blog page (unchanged): https://blog-archive-cursor-shs-2--helix-website--adobe.aem.page/blog

Testing

✅ Verified archive page displays all blog posts (14 posts)
✅ Verified regular blog page still works correctly
✅ Tested responsive behavior at different breakpoints
✅ All linting passes
✅ Screenshot testing completed

- Add renderBlogArchive function to display all blog posts - Archive layout shows posts in reverse chronological order (newest first) - Responsive grid layout (1 column mobile, 2 tablet, 3 desktop) - Archive page shows all posts with title, description, date, and image - Regular blog page behavior unchanged (shows latest + 5 recent posts) - Add test/tmp/ to .gitignore for temporary test files

aem-code-sync · 2025-10-24T21:07:38Z

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.