Skip to main content
PandaCodeGen
+1 (302) 773-8982

info@pandacodegen.com

WordPress MigrationZero SEO DropsHeadless Next.js + Sanity + Supabase + Stripe

Panda Patches.
$38K/mo. $25 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 + Stripe) with a real-time pricing calculator and a custom ops platform. 100% of the Google rankings were preserved. Zero drops in Google Search Console. Now generates $38K/month revenue on $25/month in total tooling costs.

$38K+
Monthly Revenue
powered by $25/mo in tooling
100%
Rankings Preserved
zero drops in Search Console
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.
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, Operations

One platform. 7 tools gone.

We built a private Supabase-backed ops portal that replaced the CRM, Google Sheets, attendance tracker, and WhatsApp update chains. 7 team members. One platform. Every change logged with a timestamp and author.

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. Supabase, Sanity, and Upstash still run on free tiers. Total tooling: around $25/mo.

Next.js 16
Frontend + API routes
React 19
UI runtime
TypeScript
Type safety
Tailwind CSS 3
Styling
Sanity CMS
Content management
Supabase
Ops database + auth
Stripe
Card payments + Klarna + Afterpay + Apple Pay
PayPal
Alternative checkout
Upstash Redis
Rate limiting + cache
Zod
Schema validation
React Hook Form
Forms + pricing calculator
Zeptomail
Transactional email
next-sitemap
Automated SEO sitemap
Vercel
Hosting + CDN + edge
Results

What changed after launch.

3 years of WordPress SEO equity at risk

100% of Google rankings preserved. Zero drops in Search Console.

Customers waited 24+ hours for a manual quote

Customers see the price instantly. Self-serve checkout.

$200+/mo across 3 separate tools + hosting

Under $25/mo total. 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

$38K+/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 our own brand. We built the tech and the business runs on it. These aren't projections — they're live numbers.

💰
Monthly Revenue
$38K+/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 → 1

Shopify, WooCommerce, Airtable, spreadsheets, and a CRM — all replaced by one custom platform built exactly for how this business actually operates.

📈
Cost vs Revenue
$25/mo

The entire tech stack — storefront, ops dashboard, email, hosting — costs $25 a month to run. The revenue it processes is over $38,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
Stripe + PayPal checkout (Apple Pay, Klarna, Afterpay via Stripe Payment Element)
Sanity CMS, content editors manage everything without code
Blog system with 50+ post capacity (dynamic + SEO-optimized)
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?