katheryn-website/backlog/tasks/task-5 - Build-purchaser-sh...

1.3 KiB

id title status assignee created_date updated_date labels dependencies priority
task-5 Build purchaser/shop page In Progress
2026-01-12 15:29 2026-02-04 23:31
medium

Description

Implement the purchaser page that displays products and allows customers to browse and purchase items.

Acceptance Criteria

  • #1 Set up project with chosen framework
  • #2 Create product listing component
  • #3 Create product detail view
  • #4 Integrate Zettle/Airtable product data
  • #5 Implement shopping cart functionality
  • #6 Integrate payment processing

Implementation Notes

Created Next.js 15 project with Directus SDK integration

Built components: ArtworkCard, ArtworkGrid, Navigation, Footer

Created pages: Home, Gallery, Gallery Detail, Series, Shop, Events, About, Contact

Connected to Directus CMS at https://katheryn-cms.jeffemmett.com

2026-02-04 Update

  • Store page now uses dynamic rendering (force-dynamic) for reliable Directus data fetching
  • 1700+ artwork images rendering correctly on store
  • Field mapping in place: Directus name -> frontend title, price_gbp/price_usd -> price
  • Cart functionality working with add-to-cart on artwork cards