I developed a custom headless storefront for KitSolairePro using Next.js and Shopify Storefront API, focused on a fully dynamic solar kit configurator that allows customers to build and customize their photovoltaic system in real time.

Unlike traditional Shopify Themes, this solution uses advanced metafields and dynamic routing to support multiple product variants, mounting options, inverter types, and price calculations. The architecture is fully optimized for SEO, speed, and flexibility, with CMS-driven content sections and continuous deployment on Vercel.

Headless Shopify integration

Kit configurator logic

Product metafields & metaobjects

Custom cart and variant handling

SEO optimization

Dynamic content integration

Deployment on Vercel

Dynamic solar kit builder built with Next.js and Shopify APIs. Supports real-time product variant selection, pricing, and inventory logic using advanced metafields.

Flexible metafield model powering product attributes such as mounting types, panel quantities, inverter types, and bundle logic.

Cart logic that syncs configurator selections with Shopify’s checkout while maintaining flexibility and accuracy across variants.

Fully static rendering of pages, dynamic metadata injection, and structured data for product and content visibility on search engines.

Integration of CMS for content sections and full deployment pipeline to Vercel with Git sync, preview environment, and staging workflow.

Delivered a storefront impossible to achieve with standard Shopify Themes

Increased user engagement through interactive configurator UX

Improved SEO crawlability and performance

Gave marketing team CMS control over non-product content

Achieved a clean separation of logic, UI, and business data