StealthGuard

Overview

StealthGuard is a security products e-commerce site built while working at Vulcan Agency. The project involved upgrading the codebase to Next.js 16 and Tailwind CSS 4, wiring a Prismic CMS repository, and integrating the Shopify Storefront API end-to-end for product listing, cart, and checkout.

The Challenge

Bootstrapping a fresh site on a major framework upgrade (Next.js 15 → 16, Tailwind 3 → 4) while building a mega-menu navigation, filterable color gallery, and a full Shopify cart on a tight timeline.

The Solution

Resolved the breaking changes from the framework upgrade first, then scaffolded foundational Prismic slices (Hero, RichText, CallToAction) and built out the full site UI — mega-menu Navbar, Hero, How It Works, Testimonials, filterable ColorGallery, Applications Showcase, All Products, About, and Contact. Integrated the Shopify Storefront API for product listing, product hero, and full cart behavior, and implemented dynamic OG image metadata.

Key Results

• Full framework upgrade (Next.js 15 → 16, Tailwind 3 → 4) with zero regressions
• End-to-end Shopify Storefront API integration, from listing to cart
• Filterable color gallery and mega-menu navigation across desktop and mobile
• Dynamic OG image metadata and fixed responsive layout on product detail pages