katheryn-website/backlog/tasks/task-4 - Design-purchaser-p...

1.0 KiB

id title status assignee created_date updated_date labels dependencies priority
task-4 Design purchaser page architecture Done
2026-01-12 15:29 2026-01-30 11:33
medium

Description

Plan the technical architecture for the new purchaser/shop page. Decide on framework, how to pull product data, and checkout flow.

Acceptance Criteria

  • #1 Choose frontend framework (Next.js, Astro, etc.)
  • #2 Design data flow from Zettle/Airtable to website
  • #3 Plan checkout integration (Zettle payments, Stripe, etc.)
  • #4 Create wireframes for shop page layout

Implementation Notes

Starting frontend setup with Next.js 15 + App Router + Directus SDK + Tailwind CSS

Chose Next.js 15 with App Router, TypeScript, and Tailwind CSS

Data flow: Directus REST API -> Next.js SSR/SSG -> Rendered pages

Checkout integration TBD (Stripe or Zettle - needs separate task)