Skip to content

Vite SPA migration, terracotta rebrand, ProductDetail page - #9

Open
diecoscai wants to merge 5 commits into
preprofrom
main
Open

diecoscai wants to merge 5 commits into
preprofrom
main

Conversation

@diecoscai

Copy link
Copy Markdown
Owner

Summary

  • Vite migration: Replace Next.js with Vite + React Router; remove app/ dir, next.config.mjs, and all 'use client' / next/image / next/link usage
  • ProductDetail page: New /products/:slug route with image gallery, buy box (color swatches, size picker, qty stepper), breadcrumb, and related products grid
  • Terracotta rebrand: primary#B85C38 (terracotta), secondary#F2E4D4 (warm linen); all components updated to remap color classes
  • Design sync: Re-synced Claude Design project with updated bundle CSS and corrected conventions.md color table

Test plan

  • npm run dev — home page loads, products render with terracotta buttons
  • Click "View details" on any product card → /products/<slug> loads with gallery + buy box
  • Add to cart from detail page → cart sidebar opens with correct item
  • Click a nav link on the detail page → routes to /#section and scrolls correctly
  • Invalid slug → 404 page renders
  • Verify terracotta (#B85C38) on CTAs, titles, footer; linen (#F2E4D4) cream hero button
  • Claude Design project previews at https://claude.ai/design/p/be20a42f-1214-4646-8657-77d2beefb59e show updated terracotta palette

🤖 Generated with Claude Code

https://claude.ai/code/session_01KGg1H4VjfbEdWYkXrPTzD2

diecoscai and others added 5 commits June 19, 2026 12:00
Bring main up to date with prepro (Next.js rewrite)
chore: merge prepro into main
…Design

- Add vite.lib.config.ts for ESM library build (window.PlantFaced)
- Add tsconfig.lib.json for declaration emit
- Add components/index.ts barrel exporting all 13 components + types
- Add components/PreviewProvider.tsx wrapping MemoryRouter + CartProvider
- Add .design-sync/ with config, conventions, NOTES, and 5 rich previews
- Update package.json with build:lib script (vite → tailwind → tsc)
- Update .gitignore to exclude ds-bundle/, .ds-sync/, .design-sync/.cache/

Synced to Claude Design project "Plant Faced — Design System" (be20a42f).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KGg1H4VjfbEdWYkXrPTzD2
- Replace Next.js with Vite + React Router; remove app/ dir and next config
- Add ProductDetail page at /products/:slug with gallery, buy box, and related products
- Rebrand primary color to terracotta (#B85C38) and secondary to warm linen (#F2E4D4)
- Update all components to remap color classes (bg-primary CTAs, text-primary on light bg)
- Convert getProducts() to fetch-based async (SPA-compatible)
- Add navigation.ts with scroll-to-section helpers and section ID types

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KGg1H4VjfbEdWYkXrPTzD2
- Update conventions.md brand color table: primary #B85C38, secondary #F2E4D4
- Update Hero preview gradient from teal to terracotta (#B85C38 → #8a3d22)
- Update NOTES.md Hero background note to reference terracotta

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KGg1H4VjfbEdWYkXrPTzD2
@diecoscai diecoscai self-assigned this Jun 19, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant