Skip to main content
PandaCodeGen
WordPress MigrationZero SEO DropsHeadless Next.js + Sanity + Supabase + Square

Panda Patches.
$50K/mo. $55 in tooling.

A 3-year-old WordPress e-commerce site with real search traffic, existing customers, and a pricing problem WordPress couldn't solve. We migrated it to a complete headless stack (Next.js + Sanity + Supabase + Square) with a real-time pricing calculator and a custom ops platform. No ranking losses were recorded in Google Search Console during the 30-day post-launch monitoring window. Revenue has scaled from $38K to about $50K/month on about $55/month in total tooling costs (Supabase ~$25, Vercel ~$20, and ~$10 for the FAL Flux Schnell AI patch generator).

Ownership disclosure

Panda Patches is owned and operated by PandaCodeGen co-founder Imran Raza Ladhani. PandaCodeGen built and maintains its technical platform but holds no ownership or partnership stake in the business. Treat the figures below as owner-reported first-party records, not an independent client testimonial or a controlled study.

$50K/mo
Monthly Revenue
up from $38K · powered by $55/mo in tooling
No losses
Rankings, monitored period
Search Console, 30 days post-launch
7 → 1
Tools Replaced
CRM · ops · store · tracking
3 yr
Legacy Site Migrated
full content + SEO equity
Visit the Live Site → pandapatches.comReal revenue-generating e-commerce site, not a mockup or portfolio screenshot.
Real Customers, Real Volume

Not a portfolio piece. A business that has shipped 1,000,000+ patches.

The platform we built runs a real, high-volume manufacturing business that has delivered custom patches to teams at some of the world's biggest brands.

GoogleMicrosoftCoca-ColaNissanWise
Flagship Activation

16,000 patches for Wise's Nasdaq Times Square activation

Designed, approved, and delivered in under two weeks to hit a Nasdaq listing date that could not move, ordered, produced, and tracked through the platform.

Read the Wise case study →
Reputation

Rated 4.8/5 by 72+ customers on Trustpilot

1,000,000+ patches delivered, with 5-piece minimums, mockups in 12 to 24 hours, and a money-back guarantee, all transacted through the custom storefront.

By the Numbers

The storefront today, in production.

What started as a WordPress migration is now a deep custom storefront on Next.js 16 + React 19, with an AI generator, a customer portal, and a full conversion-tracking stack. The staff side, order operations, production, and reporting, runs in a separate connected CRM that shares the same Supabase backend.

180+
Pages indexed
63
Blog posts
20+
Location pages
9
Patch categories
25
Sanity doc types
5
Ways to pay
SEO Preservation

3 years of SEO equity. Zero ranking drops.

Migrating a 3-year-old WordPress site is the hardest part of any replatform. The site had existing Google rankings, backlinks, and organic traffic that the business depended on. A broken migration kills all of that overnight. Here is exactly what we did to preserve 100 percent of the search equity.

Full URL audit before migration

We exported every indexed URL from Google Search Console and mapped each one to its new equivalent on the Next.js site. Zero orphan pages.

301 redirects for every old URL

Every WordPress URL gets a server-side 301 redirect to the matching Next.js page. Old product URLs, old blog posts, old category pages, everything. Configured in Next.js middleware.

Meta titles and descriptions preserved

We carried over the exact meta titles and descriptions from the WordPress site where they were already ranking. No rewriting. No experiments during migration.

Schema markup upgraded, not replaced

The old site had basic schema. We replaced it with a complete @graph structure (Article, Product, BreadcrumbList, Organization, FAQPage) without changing the existing entity signals Google already trusted.

New XML sitemap submitted day one

A fresh sitemap.xml with all new URLs submitted to Google Search Console immediately after launch. Google started recrawling within hours.

Core Web Vitals improved, not regressed

Load time dropped from 4+ seconds on WordPress to under 1 second on Next.js. Google rewarded the improvement with better rankings, not worse.

The result: zero ranking drops in Google Search Console

We watched Search Console daily for 30 days after launch. Every ranked keyword held position. No 404 spikes. No sudden impression drops. No manual actions. After 60 days, rankings actually improved because the new site loads in under 1 second, which Google rewards under its 2026 Core Web Vitals algorithm. This is exactly how a WordPress to Next.js migration should go.

The Problem

WordPress couldn't quote a price.

No Calculator. Every Sale Was a Waiting Game.

Custom patches have complex pricing. The final price depends on patch type (9 options), size, quantity, backing, and border. That's thousands of combinations. WordPress had no way to calculate this live. So every customer filled out a contact form and waited 24+ hours for someone to manually work out a price and email it back. Most of them didn't wait — they went to a competitor who showed them the price instantly.

7 Disconnected Tools

The business ran on: WordPress for the store, a separate CRM, Google Sheets for order tracking, a spreadsheet for attendance, and WhatsApp for team updates. 7 team members touching 5 different tools with zero real-time sync. Every status update was a manual message.

Tool Being Replaced
Cost
Problem
WordPress + WooCommerce
$80/mo
Couldn't handle the pricing matrix, manual quotes only
Separate CRM (HubSpot/Zoho)
$50/mo
No integration with orders, duplicate data entry
Google Sheets / spreadsheets
Free but 10hrs/wk
7 team members, zero real-time visibility, version conflicts
Manual attendance tracker
$30/mo
Clock in/out via WhatsApp messages
Chat tool for order updates
$40/mo
WhatsApp chains to update team on order status
Solution, Storefront

An instant business calculator. Pick your options, see your price.

We built a custom quote calculator directly into the storefront. Customers select patch type, enter their dimensions, choose quantity and finish options — and the exact price appears instantly. No forms. No waiting. No back-and-forth emails. The calculator is the checkout. What used to take 24 hours now takes 30 seconds.

9Patch Types

Embroidered, Woven, PVC, Chenille, Leather, Silicone, Printed, Sequin, 3D

4Additional Products

Lapel Pins, Challenge Coins, Keychains, PVC Shoe Charms

3Backing Options

Iron-On, Velcro, Peel & Stick

2Border Types

Merrowed, Hot-Cut

Size Tiers

Custom dimensions with real-time price update

8+Quantity Breaks

Volume discounts auto-calculated per order

The pricing engine calculates live

9 patch types × custom dimensions × 8+ quantity tiers × 3 backing options × 2 border types = thousands of price combinations. All calculated client-side with a custom TypeScript pricing engine. Zero API calls per keystroke. Response time: <5ms.

Solution, 2026 Storefront

Far past a migration. A conversion machine.

The storefront kept growing after launch. Today it generates and converts demand end-to-end: an AI mockup generator pulls people in, Square checkout with installment options closes the sale, a customer portal handles self-serve reorders, and a server-side tracking stack measures every step without slowing the page down.

AI Patch Generator

Branded “Panda AI” — a FAL-powered mockup generator with no signup required, a shape/style prompt pipeline, 120+ abuse-blocking rules (trademarks, logos, hate symbols), 30-day artifact TTL, and a clean handoff straight into the order flow.

Customer Portal

Supabase-auth accounts auto-provisioned on first paid order: dashboard, order history, tracking, and one-click re-priced reorder with loyalty pricing.

Square Checkout + BNPL

Hosted Square Payment Links: card, Apple Pay, Google Pay, Cash App Pay, and Afterpay 'pay in installments.' Server-side re-pricing blocks tampering.

Conversion & Attribution

Meta Pixel + CAPI (deduped via shared eventID), GA4/GTM, Google Ads, Pinterest, Bing UET, and an OpenAI pixel, with fbp/fbc/gclid/UTM re-derived server-side on every order.

Offers & Bulk Ordering

Fixed-price /offers packs with inline multi-step checkout, volume-tier bulk pricing, and a two-stage abandoned-cart recovery sequence (30 min, then 24 h with a code).

SEO / AEO Surface

180+ indexed pages: a 63-post blog, US state & city location pages, product-category and competitor-comparison pages, partner & offers pages, and an /ai-info answer hub with topic cluster pages, all backed by llms.txt, JSON-LD, hreflang (US/UK/CA/AU), dynamic sitemap/robots, and IndexNow pinging.

Solution, Operations

One backend. The whole business runs on it.

Beyond the storefront, we built the staff side too: a separate Supabase-backed CRM that replaced the old CRM, Google Sheets, attendance tracker, and WhatsApp update chains. It shares the same backend as this storefront, so leads, quotes, orders, and payments flow straight in. 7 team members, one source of truth, every change logged with a timestamp and author.

Read the full CRM case study →

Order Pipeline

Every order from storefront to production to fulfillment in one real-time view. Status updates trigger automatically.

Sales Agent Dashboard

7 sales reps tracked individually. Revenue, conversion rate, quote volume, and response time per agent.

Employee Clock In/Out

Replaced WhatsApp updates. Timestamped, geofenced clock-in system with automated payroll export.

Role-Based Access

Admins see everything. Sales agents see their pipeline only. Production sees pending orders. Zero data leakage.

Team Performance

Every change is logged. Manager sees who updated what, when. Full audit trail for accountability.

Single Source of Truth

One Supabase database feeds the storefront, ops portal, and admin panel. No duplicate entries, ever.

Tech Stack

Enterprise architecture. Startup cost.

Started free on Vercel. Scaled to $20/mo on Vercel Pro once the store hit $38K/mo in revenue; it has since scaled to about $50K/mo. Sanity and Cloudflare still run on free tiers. Total tooling: about $55/mo (Supabase ~$25, Vercel ~$20, and ~$10 for the FAL Flux Schnell AI patch generator).

Next.js 16
Frontend + API routes
React 19
UI runtime
TypeScript
Type safety
Tailwind CSS 3
Styling
Sanity CMS
25 doc types · ISR content
Supabase
DB + Auth + Storage (shared)
Square
Checkout · Apple/Google Pay · Cash App · Afterpay
FAL
AI patch image generation
Meta Pixel + CAPI
Deduped server-side tracking
GA4 + GTM + Google Ads
Conversion measurement
React Hook Form + Zod
Validated forms + calculator
ZeptoMail
Transactional + abandoned-cart email
Vercel
Hosting + CDN + Cron
Results

What changed after launch.

3 years of WordPress SEO equity at risk

No ranking losses recorded in Search Console across the 30-day post-launch window.

Customers waited 24+ hours for a manual quote

Customers see the price instantly. Self-serve checkout.

$200+/mo across 3 separate tools + hosting

About $55/mo total (Supabase ~$25, Vercel ~$20, and ~$10 for the FAL Flux Schnell AI patch generator). CRM, ops, store, and hosting.

7 disconnected tools, constant WhatsApp updates

1 platform. All 7 team members on the same real-time data.

WordPress pricing ceiling blocked growth

Scaled from $38K to about $50K/mo revenue. Pricing engine scales to any complexity.

Attendance tracked via WhatsApp messages

Timestamped clock in/out with payroll export.

No visibility into sales agent performance

Per-agent revenue, conversion rate, and response time tracked live.

Load time over 4 seconds on WordPress

Under 1 second load time. Lighthouse 90+ on Core Web Vitals.

The Result

What this actually meant for the business.

This is a founder-affiliated project, not an independent client engagement. Panda Patches is owned and operated by PandaCodeGen co-founder Imran Raza Ladhani. PandaCodeGen built and maintains its technical platform but holds no ownership or partnership stake in the business. We built the technical platform and the business runs on it. These are first-party operating figures reported by the owner, not projections and not independent client proof.

💰
Monthly Revenue
$50K/mo

Scaled from $38K to about $50K/mo. A patch business running on custom Next.js + a bespoke ops platform. No Shopify cut. No app fees. No platform holding the business hostage.

🔧
Tools Replaced
7 to 1

WordPress and WooCommerce, a separate CRM, Google Sheets for order tracking, an attendance tracker, and WhatsApp for team comms, all replaced by one custom platform built exactly for how this business actually operates.

📈
Cost vs Revenue
$55/mo

The entire tech stack — storefront, ops dashboard, email, hosting, AI patch generator — costs about $55 a month to run (Supabase ~$25, Vercel ~$20, and ~$10 for the FAL Flux Schnell AI patch generator). The revenue it processes has scaled from $38,000 to about $50,000.

Full Scope

Everything that was built.

9 product category pages (embroidered, woven, PVC, chenille, leather, silicone, printed, sequin, 3D)
4 additional product pages (lapel pins, challenge coins, keychains, PVC shoe charms)
Real-time pricing calculator with all dimensions
Square checkout: card, Apple Pay, Google Pay, Cash App Pay, and Afterpay BNPL (server-side re-pricing)
AI patch generator (FAL) with prompt pipeline, 120+ abuse rules, and 30-day artifact cleanup
Customer portal: Supabase auth, order history, tracking, one-click re-priced reorder
Server-side conversion stack: Meta CAPI + GA4/GTM + Google Ads + Pinterest + Bing + OpenAI pixel
Two-stage abandoned-cart recovery (email at 30 min, then 24 h with a discount code)
~30 SEO/AEO landing pages + /ai-info answer hub with cluster pages, partner & offers pages, llms.txt, hreflang, IndexNow
Sanity CMS (25 doc types), content editors manage everything without code
63-post blog library (dynamic, SEO-optimized) feeding the topical cluster
Order confirmation emails + customer order history
File upload for custom design mockups
Supabase ops portal, order pipeline with real-time status
Sales agent dashboards, 7 individual performance views
Employee clock in/out with role-based access
Full audit log, every change timestamped and attributed
100% mobile responsive with touch-optimized UI
Lighthouse 90+ on all core web vitals
Related Services

Want results like this?

Frequently Asked Questions