PetPlate · 2024 · Joint engagement

Full-stack Shopify Plus migration

Frontend and backend migration to Shopify Plus with a Next.js storefront, Payload CMS, custom admin and subscription apps, and full data migration.

Migration
Shopify Plus
Next.js
Payload CMS
GraphQL
Subscriptions

Challenge

PetPlate needed to move off a legacy platform onto Shopify Plus without losing subscription data, customer accounts, or order history. The existing frontend was outdated and the backend systems were fragmented. They needed a modern storefront, a custom internal admin tool on Shopify, and a CMS that gave the marketing team real control over content. Everything had to migrate cleanly while subscriptions stayed active.

Solution

We executed a full-stack migration. On the frontend, we built a new storefront in Next.js with Payload CMS for flexible content management. On the backend, we built a custom Shopify admin application using Shopify's Ruby framework to handle internal workflows, alongside a custom Shopify subscription app that powered the entire subscription flow, from sign-up through recurring billing and plan management. The data layer was powered by Postgres with a GraphQL API connecting the storefront, admin app, subscription system, and Shopify. Subscription data, customer records, and order history were all migrated into the new system with zero downtime.

Results

Successful migration with all subscription and customer data intact. The custom subscription app gave PetPlate full control over their recurring revenue flow on Shopify. The new Next.js storefront is faster and fully CMS-driven. The custom admin app streamlined internal operations. The unified Postgres/GraphQL backend gave the engineering team a solid foundation to build on, and the marketing team got the content flexibility they needed.

Gallery

Have a similar project? Let's talk.

Get in touch →