VESTRA — fashion storefront

Concept build. VESTRA is a fictional fashion label, built to show what a web application looks like when the site has to hold state rather than just present a product. Nothing on it is for sale and no payment is taken.

This is the answer to the question the showcase package raises: what if customers should be able to actually buy? A brochure site ends at a Telegram button. This one carries a bag, a checkout and an order history.

What it demonstrates

• Filters that live in the URL. Department, category, colour, price, sale and sort are all search params, filtered on the server — so a filtered listing can be shared, bookmarked and indexed, which a JavaScript-only filter cannot.
• Cart, wishlist, orders and theme survive a reload without breaking hydration: persisted state is read through a subscription with a frozen server snapshot, so the first client render matches the server exactly instead of flashing.
• Forms post to server actions with real validation — an incomplete checkout is rejected on the server, not just hidden behind a disabled button.
• Dark mode applied before first paint, so a returning visitor never gets the white flash.
• Tested rather than asserted: a unit suite over the pricing, cart and filter logic, plus browser tests across desktop and phone, including an accessibility pass over eleven routes.

Built with Next.js 16 and React 19 — server components, server actions and typed catalogue data — deployed to Cloudflare's edge.