Skip to main content

Personal project · September – October 2026

GDC Jewellery Lab — Next.js Storefront

Rebuilt the storefront of a local jewellery atelier on Next.js 14 + TypeScript + Tailwind CSS, fully decoupling it from Firebase and adding an AI-assisted custom-piece flow.

Timeline
September – October 2026
Role
Developer & maintainer
Type
Personal project

Tech stack

Next.js 14
TypeScript
Tailwind CSS
Genkit AI flows
Vercel

Challenge

The atelier's site originally depended on Firebase for hosting and services, which made it hard to manage and keep lean for a small business that just needs a fast, elegant storefront with a contact path to the workshop.

On top of the rebuild, the owner wanted visitors to be able to start a custom jewellery piece online — describing what they imagine — without the complexity of a full configurator.

Approach

I rebuilt the site on Next.js 14 with TypeScript and Tailwind CSS, deploying to Vercel, and removed the Firebase dependency entirely: the codebase imports no Firebase/Firestore/Auth code at all.

For the custom-piece flow I added AI-assisted flows built with Genkit (@genkit-ai/google-genai), letting visitors describe a bespoke piece and get guided through the process toward the workshop.

The design got a full luxury restyle — deep black with champagne gold and serif headlines — and the gallery was reworked so image previews carry no text overlays, keeping the pieces themselves the focus.

Outcome

The new storefront is live on Vercel: faster to manage, fully decoupled from Firebase, and consistent with the atelier's luxury positioning.

One known limitation remains: the contact form's mail delivery is currently offline because the Gmail app password is not yet set in the Vercel environment variables — a single config step on the owner's side that is clearly flagged rather than silently broken.