UPFORGE LABS
the shop → upforge.io

Web-Development

Spade Kreations

A 12-week migration that delivered 100 Lighthouse scores on SEO, accessibility and best practices, and a scalable foundation for future automotive brand growth.

Web-Development

We rebuilt Spade Kreations from a limiting Wix placeholder into a high-performance Next.js website

A 12-week migration that delivered perfect Lighthouse scores and a scalable foundation for future automotive brand growth.

Spade Kreations came to us with an existing Wix site that offered little content, weak SEO foundations, and the technical constraints of a proprietary platform. We rebuilt the experience as a modern Next.js application, giving the brand code ownership, dramatically stronger technical performance, and a 610-page architecture ready for content, search visibility, and conversion growth.

  • Website Migration
  • Next.js Development
  • Technical SEO Implementation
  • Performance Optimization
  • Information Architecture
View the live site

The site

Desktop preview
Tablet preview
Mobile preview

610

Pages Delivered

Measured

100/100

Lighthouse, all 4 categories

Measured

Challenges

What stood in the way

4 problems, and what each one took to clear.

Challenge 01

  1. Problem

    Wix locked the client into a proprietary platform with no real code ownership

    Their previous Wix site left Spade Kreations dependent on a closed ecosystem for hosting, editing, and future development. That made the website harder to evolve and limited long-term flexibility.

  2. Solution

    We migrated the site to a custom Next.js codebase, giving the client a modern React architecture with full ownership and a future-ready development foundation.

  3. Result

    Spade Kreations moved from platform dependency to a scalable custom application that can be extended without vendor lock-in.

Challenge 02

  1. Problem

    Heavy JavaScript bundles on Wix created a poor performance ceiling

    Wix's typical 3-5MB JavaScript overhead made it difficult to achieve elite performance, especially on mobile connections and content-heavy experiences.

  2. Solution

    We rebuilt the frontend in Next.js using route-based code splitting, optimized asset delivery, and a leaner rendering strategy.

  3. Result

    The new site achieved a 100/100 Lighthouse Performance score in a live audit.

Challenge 03

  1. Problem

    The old site had almost no crawlable content or SEO control

    The existing experience functioned more like a placeholder than a marketing site. It lacked visible value proposition messaging, structured content, and the SEO controls needed to support search growth.

  2. Solution

    We restructured the site around crawlable page architecture, metadata control, and a scalable content framework built for server-side and static rendering.

  3. Result

    We launched a technically optimized site with a 100/100 Lighthouse SEO score and a 610-page foundation ready for indexing and expansion.

Challenge 04

  1. Problem

    Wix limited advanced integrations and custom server logic

    The previous platform made it difficult to implement custom workflows, advanced APIs, and future business logic without working around platform constraints.

  2. Solution

    We moved the project to Next.js with support for API routes, modern deployment workflows, and custom application behavior.

  3. Result

    The new build gave Spade Kreations a platform that can support future integrations, custom functionality, and ongoing optimization.

Strategy

How the work ran

5 phases, in the order they happened.

  1. Phase 01

    Platform audit and migration planning

    We began by evaluating the limitations of the existing Wix site, identifying performance bottlenecks, content gaps, and SEO weaknesses. From there, we mapped a migration plan that preserved the existing domain presence while replacing the underlying platform with a custom Next.js build.

    • Wix platform audit
    • Migration roadmap
    • Page inventory
    • Technical requirements document
  2. Phase 02

    Information architecture and content framework

    Because the original site lacked meaningful structure, we designed a new page system that could support growth rather than just replicate a placeholder. We organized the site around a scalable architecture built to handle hundreds of pages cleanly.

    • Site map
    • Navigation structure
    • Page template strategy
    • SEO content framework
  3. Phase 03

    Custom Next.js design and development

    We rebuilt the website as a modern Next.js application using React, focusing on speed, maintainability, and flexibility. We implemented optimized rendering, reusable components, and a codebase structured for future iteration.

    • Custom Next.js frontend
    • Reusable React component library
    • Responsive layouts
    • Performance-first build system
  4. Phase 04

    Technical SEO and quality assurance

    We paired development with technical SEO implementation, accessibility checks, and production QA to ensure the new experience launched on a stronger foundation than the previous site ever had.

    • Metadata implementation
    • Technical SEO setup
    • Accessibility review
    • Cross-device QA
  5. Phase 05

    Launch and post-launch foundation

    We launched the rebuilt site with a clean deployment process and a structure designed for future indexing, content growth, and conversion improvements. The result was not just a redesign, but a platform upgrade.

    • Production deployment
    • Launch checklist
    • Performance validation
    • Growth-ready page architecture

Results

What it delivered

3 outcomes: 2 measured, 1 estimated.

The numbers

610 pages

Large-scale page architecture delivered

Measured

Rather than launching a minimal placeholder again, we gave Spade Kreations a substantial site structure capable of supporting future content, SEO targeting, and business expansion.

100/100

Perfect performance audit at launch

Measured

We replaced Wix's heavier frontend overhead with a leaner Next.js build and delivered a top-tier live performance result.

3-5MB lighter JS overhead range

Faster rendering potential than the previous platform

Estimated

By moving from Wix to Next.js with SSR, SSG, and route-based code splitting, we created a significantly more efficient delivery model than the client's prior setup.

Live analytics

▲ 100%

Organic Clicks

0 to 381, since launch

▲ 100%

Impressions

0 to 8,510, since launch

▲ 100%

CTR

0 to 4.48, since launch

▲ 7468.8%

Sessions

32 to 2,422, since launch

▲ 100%

Page Views

0 to 4,008, since launch

▲ 100%

Conversion Rate

0 to 3.59, since launch

Read from the live site against its pre-launch baseline.

Performance

What Lighthouse says

Google Lighthouse, measured on the live build.

Lighthouse

100
Performance
100
SEO
100
Accessibility
100
Best practices

Site architecture

How the site is built

610 pages across 16 categories, laid out the way the site is.

/610 pages
  • Homepage1 page
    • Spade Kreations | Elite Auto & Marine Customization in Cincinnati, OH
  • Top-Level Pages19 pages
    • Blog | News, Builds & Tips | Spade Kreations
    • Car Amps
    • Car Speakers
    • Car Stereos in Cincinnati OH | Spade Kreations
    • Car Subwoofers
    • +14 more
  • Car Subwoofers100 pages
    • Jl Audio 10tw1 2
    • Jl Audio 10tw1 4
    • Jl Audio 10tw3 D4
    • Jl Audio 10tw3 D8
    • Jl Audio 10w0v3 4
    • +95 more
  • Tires83 pages
    • 4play Wheels
    • American Force Wheels
    • American Racing Wheels
    • American Truxx Wheels
    • Amp Tires
    • +78 more
  • Wheels83 pages
    • 4play Wheels
    • American Force Wheels
    • American Racing Wheels
    • American Truxx Wheels
    • Amp Tires
    • +78 more
  • Car Speakers75 pages
    • Jl Audio C1 075ct
    • Jl Audio C1 100ct
    • Jl Audio C1 400x
    • Jl Audio C1 525x
    • Jl Audio C1 570x
    • +70 more
  • Car Stereos70 pages
    • Alpine Halo11 Ilx F511
    • Alpine Halo9 iLX-F509 | Spade Kreations
    • Alpine iLX-407 | Spade Kreations
    • Alpine Ilx 507
    • Alpine Ilx W670
    • +65 more
  • Marine Speakers48 pages
    • Jl Audio M3 650x C Gw
    • Jl Audio M3 650x S Gm
    • Jl Audio M3 650x S Gm I
    • Jl Audio M3 650x S Gw
    • Jl Audio M3 650x S Gw I
    • +43 more
  • Marine Subwoofers27 pages
    • Jl Audio M3 10ib C Gw 4
    • Jl Audio M3 10ib S Gm 4
    • Jl Audio M3 10ib S Gm I 4
    • Jl Audio M3 10ib S Gw 4
    • Jl Audio M3 10ib S Gw I 4
    • +22 more
  • Remote Starters26 pages
    • 1wg17
    • 2WG15 | Spade Kreations
    • 2wg17
    • 2wg17 (Lte)
    • 2wr3
    • +21 more
  • Marine Radios22 pages
    • Clarion Cmm 10
    • Clarion Cmm 20
    • Clarion Cmm 30
    • Clarion Cmm 30bb
    • Clarion Gr10bt
    • +17 more
  • Car Amps17 pages
    • Kicker 46cxa1200.1t
    • Kicker 46cxa1800.1t
    • Kicker 46cxa360.4t
    • Kicker 46cxa400.1t
    • Kicker 46cxa660.5t
    • +12 more
  • Marine Amps16 pages
    • Kicker 48kma600.4
    • Kicker 48kxma1200.2
    • Kicker 48KXMA400.2 | Spade Kreations
    • Kicker 48kxma500.4
    • Kicker 48kxma800.4
    • +11 more
  • What We Do11 pages
    • Auto Body
    • Car Audio
    • Custom Interior in Cincinnati OH | Spade Kreations
    • Lift Kits in Cincinnati OH | Spade Kreations
    • Marine Audio
    • +6 more
  • Suspensions8 pages
    • Air Lift Performance
    • Bc Racing
    • BDS Suspension | Spade Kreations
    • Eibach
    • Kelderman
    • Readylift
    • Rough Country
    • Tein
  • Blog4 pages
    • 10 Interior Upgrades That Make Your Car Feel More Luxury | Spade Kreations
    • 10 Reasons More Cincinnati Drivers Are Choosing Vinyl Wraps Over Paint | Spade Kreations
    • 10 Signs Your Factory Car Audio System Isn’t Cutting It | Spade Kreations
    • 7 Signs Your Car Needs Professional Body Work, Not a DIY Fix | Spade Kreations

Totals

610

Pages built

16

Content categories

26,035

Words of content

Every page in the tree above is a page the site serves, grouped as the navigation groups it.

Tech stack

What it's built with

6 technologies across 6 categories.

Framework

Next.js

We used Next.js to replace Wix with a modern framework that supports SSR, SSG, route-based code splitting, and long-term scalability.

Frontend Library

React

We built the interface in React to create reusable components and a maintainable frontend architecture.

Language

JavaScript

We used modern JavaScript to power the application's interactive behavior and component logic.

Markup

HTML5

We structured the site with semantic HTML to support accessibility, SEO, and clean content hierarchy.

Styling

CSS3

We used modern CSS to create responsive layouts, visual consistency, and polished presentation across devices.

QA / Auditing

Lighthouse

We used Lighthouse to validate performance, SEO, accessibility, and best-practices quality before and after launch.

Services

What we delivered

5 services, and what each one covered.

Service 01

Website Migration

We moved Spade Kreations off Wix and into a custom Next.js application without carrying over the old platform's technical baggage.

  • Wix-to-Next.js migration planning
  • Domain continuity
  • Content and page structure transfer
  • Platform independence

Service 02

Custom Web Development

We engineered a scalable React-based website tailored to the client's needs instead of relying on proprietary templates and plugins.

  • Custom React components
  • Responsive frontend development
  • Reusable page templates
  • Scalable codebase architecture

Service 03

Performance Optimization

We focused on delivering a lightweight, fast-loading experience that Wix could not realistically support at the same level.

  • Route-based code splitting
  • Optimized asset delivery
  • Image optimization
  • Performance-focused rendering strategy

Service 04

Technical SEO Implementation

We rebuilt the site around crawlable content structure and technical SEO controls to give the brand a real chance to grow in search.

  • Metadata setup
  • Search-friendly page architecture
  • Internal linking framework
  • Indexation-ready structure

Service 05

Launch & QA

We validated the build across performance, accessibility, and quality benchmarks before launch to ensure the project shipped at a premium standard.

  • Lighthouse auditing
  • Accessibility validation
  • Cross-browser QA
  • Production deployment testing

Project details

What the job was

The particulars of the build, as the record states them.

Industry

Automotive

Delivered in

12 weeks

Launch date

April 4, 2026

What's next

Need an automotive website that performs as hard as your brand does?

We helped Spade Kreations move beyond a limiting placeholder site and launch on a platform built for speed, visibility, and growth. If your automotive business has outgrown its current website, we can build the next version properly.