Claude Code and Next.js: build an AI Shopify theme builder

This tutorial builds a Shopify theme generator with Next.js, React and Tailwind CSS, using Claude Code as the coding assistant in VS Code. The application accepts prompts, streams generated pages into a live preview and lets users edit text, styling and images before exporting a theme ZIP for Shopify.

Jolli AI supplies project context between coding sessions. The speaker describes Jolli Memory as a local knowledge base built from commits, with recall and search commands that retrieve earlier implementation decisions. He says this reduces token use. The setup uses a VS Code extension and distinguishes locally stored memory from the cloud-based Spaces and Sites products.

The application itself uses Gemini through an API, InsForge for authentication, database and storage, and ImageKit for image generation and transformations. Local memory does not make this an offline generation workflow. CodeRabbit reviews pull requests throughout development.

Later sections cover saved projects, HTML and PNG exports, and Stripe subscriptions. The example limits free users to two projects and reserves Shopify export for paid users. Deployment uses Vercel, including a build-error fix; the closing walkthrough still requires production billing configuration.