NewWebsite migration service

HubSpot CMS to Next.js
migration.

We move your marketing site from HubSpot CMS (Content Hub) to a modern Next.js stack on Vercel or Cloudflare: 98+ PageSpeed and a codebase AI agents can manage - while forms, tracking, chat, and your CRM stay 100% HubSpot.

Get a free migration assessment See the speed difference

HubSpot Diamond Partner · 100+ websites delivered · This site runs the same stack

pagespeed.web.dev · resonatehq.comDesktop

Performance

Values are estimated and may vary. The performance score is calculated directly from these metrics.

First Contentful Paint

0.4 s

Largest Contentful Paint

0.8 s

Total Blocking Time

0 ms

Speed Index

1.2 s

resonatehq.com - this very site, measured after its own HubSpot CMS to Next.js migration.

Why migrate

Why teams are moving their websites off HubSpot CMS.

HubSpot is a great CRM and marketing platform. For a modern, fast, AI-operated website, the CMS is where teams hit the wall.

A hard performance ceiling

Template modules, builder JavaScript, and render-blocking bundles cap your Core Web Vitals no matter how much you optimize. The same pages, pre-rendered as static HTML on a global edge CDN, score in the high 90s.

Closed to AI agents

A drag-and-drop CMS can't be operated by coding agents. When your site is clean code in Git, agents like Claude Code and Codex ship new pages, copy changes, and SEO fixes from a prompt instead of a dev backlog.

License cost and lock-in

Content Hub Professional runs $450/month for hosting and features a modern open stack gives you at a fraction of the cost. Your content stops being trapped in a proprietary editor and becomes portable code.

PageSpeed

From mediocre to 98-99. Measured by Google.

Core Web Vitals are a Google ranking signal, and every extra second of load time costs conversions. Static pre-rendering, edge delivery, and optimized images put the same content in the green - without a single design compromise.

Before

Typical of the template-based HubSpot CMS sites we audit

After

resonatehq.com on Next.js + Vercel - the exact migration we sell

Values are estimated and may vary.

Static pre-renderingGlobal edge CDNAVIF/WebP imagesZero render-blocking scriptsFont optimization

AI-managed stack

A website your AI agents can actually run.

The real unlock isn't the framework - it's that your site becomes a clean, typed codebase that coding agents operate end to end. We set the whole thing up: repository, guardrails, preview deploys, and the playbook that teaches Claude Code or Codex how your site works.

Every page is readable code in Git - agents ship new landing pages, copy changes, and SEO fixes from a prompt
We write the agent playbook - your design system, components, and conventions - so output stays on-brand
Preview deploys for every change: review a live URL before anything reaches production
Git history means instant rollback - nothing is ever lost in a page builder again

Set this up for my site How the migration works

claude-code - your-marketing-site

$claude "Ship a /webinars landing page with the standard hero and feature grid, add it to the nav and the sitemap"

✓Read src/components/landing - reusing Hero, FeatureGrid

✓Created src/app/webinars/page.tsx

✓Updated nav + sitemap entries

✓Build passed - lint clean, 0 errors

→Preview: your-site-git-webinars.vercel.app

?Looks good? Merge to publish.

Still on HubSpot

Your site leaves HubSpot CMS. Your marketing doesn't.

This is the part generic dev shops get wrong. We keep every HubSpot touchpoint wired into the new site, so marketing, sales, and reporting don't notice anything changed - except the speed.

Tracking & attribution

HubSpot tracking code on every page
Page views and sessions in contact timelines
Campaign and traffic attribution keep working
Ad pixels and analytics events unchanged

Forms, chat & CTAs

Embedded HubSpot forms, or brand-styled forms via the Forms API
Chatflows and bots load on the new site
Meeting scheduler embeds keep booking
Submissions trigger the same workflows and notifications

Content & CRM

Blog migrated to MDX with authors, tags, and URLs
Landing pages rebuilt as reusable components
Smart-content use cases re-implemented at the edge
CRM, automation, and email completely untouched

Want the technical detail? Read our step-by-step guide to integrating any website with HubSpot CRM.

Why Resonate

The HubSpot half is the hard half. It's our home turf.

When a generic agency rebuilds a HubSpot CMS site, forms stop posting, attribution dies, and lifecycle reporting goes dark. We're a HubSpot Diamond Solutions Partner: we build HubSpot apps, publish the Realize theme on the HubSpot Marketplace, and have shipped 100+ websites for HubSpot customers - including this one.

100+

websites delivered for HubSpot customers

Diamond

HubSpot Solutions Partner

12 years

building on the HubSpot platform

98/100

this site's Google PageSpeed score

SEO-safe 301 redirect mapsCustom React forms on the Forms APIMultilingual sites & hreflangSchema & metadata parityImage optimization (AVIF/WebP)Core Web Vitals tuning

Deployment options

Vercel or Cloudflare - your call.

Same Next.js codebase, two excellent homes. We recommend one in the assessment based on your traffic, team, and existing infrastructure.

Next.js + Vercel

Our default. Zero-config Next.js hosting from the company behind the framework.

Preview deployment for every change - review before publish
Built-in image and font optimization
Instant content updates with incremental static regeneration
Web Vitals monitoring out of the box

Next.js + Cloudflare

The edge-network option - a great fit when Cloudflare already fronts your domain.

Served from Cloudflare's global edge network
Workers and Pages with generous free tiers
R2 storage with zero egress fees for media-heavy sites
One dashboard if DNS, WAF, and CDN already live there

Already committed to AWS, Azure, or Netlify? The same codebase deploys there too.

Process

The HubSpot CMS to Next.js migration process

Audit & migration map

We crawl every page, blog post, form, CTA, and redirect on your HubSpot CMS site and take PageSpeed and SEO baselines. You get a page-by-page migration map and a fixed quote.

Stack & design system

A Next.js repository with your brand rebuilt as a reusable component system, deployed to Vercel or Cloudflare from day one - plus the agent playbook that teaches AI tools how your site works.

Content migration

Pages and blog move into components and MDX. Images are re-optimized to AVIF/WebP, and titles, metadata, schema, and hreflang are preserved one to one.

HubSpot wiring

Tracking code, forms (embedded or via the Forms API), chatflows, CTAs, and meeting links - tested end to end, with submissions verified in your portal before launch.

Launch & handoff

DNS cutover with a full 301 redirect map, sitemap and Search Console resubmission, and a handoff session so your team - and your AI agents - can run the site without us.

Teams that trust our engineering

“

They engineered the core of our operations. Precise, organized, and always focused on outcomes.

HMHarry McCarney
CEO, Hack and Craft

“

Professional, fast, and technically deep. They understood our HubSpot needs better than we did.

DEDmitry Esakov
CEO, Volga Dream Cruises

“

Resonate helped us migrate smoothly and set up a system that actually works for our global team.

RIRuth Idzik
Marketing Director, DPE Services Inc.

FAQ

HubSpot CMS migration questions.

What marketing and ops leaders ask before moving their site off HubSpot CMS.

Can we move off HubSpot CMS but keep using HubSpot?

Yes - that's the whole point of this migration. Only the website hosting moves to Next.js. Your CRM, Marketing Hub, workflows, and email stay exactly as they are, and the new site keeps the HubSpot tracking code, forms, CTAs, and chat widgets, so leads and attribution flow into the same portal.

Will we lose leads or tracking data during the migration?

No. Forms on the new site post to the same HubSpot portal - either as embedded HubSpot forms or as brand-styled forms submitting through the official Forms API - and we test every form end to end before cutover. The tracking code goes live with the new site, so visitor timelines continue uninterrupted.

What happens to our blog and SEO rankings?

Content migrates with URLs preserved one to one wherever possible, and everything else gets a 301 redirect map. Titles, meta descriptions, schema markup, and hreflang are carried over, then we resubmit the sitemap in Search Console. We migrated resonatehq.com itself this way - this site is the proof.

Who edits the site afterwards if we don't have developers?

Three options, and most clients combine them: your marketers prompt AI agents (we set up Claude Code with guardrails and preview deploys, so you review a live URL before anything publishes), we maintain the site on a retainer, or your developers work in a standard Next.js codebase with no proprietary anything.

Next.js on Vercel or Cloudflare - which should we pick?

Both hit 98+ PageSpeed. Vercel is our default for its developer experience: preview deploys, built-in image optimization, and zero-config Next.js hosting. Cloudflare makes sense when your DNS and security already live there or you want its pricing at very high traffic. We recommend one during the assessment.

Is this the same as going headless with Content Hub?

No. Headless Content Hub keeps your content and your CMS license inside HubSpot and delivers it over APIs. This migration moves the website fully into code you own - you keep HubSpot for CRM and marketing, and drop the CMS license entirely.

How much does a HubSpot CMS to Next.js migration cost?

It depends on page count, languages, and integrations. After the free assessment you get a fixed quote - and because AI agents do the heavy lifting under senior engineering review, it's typically well below a traditional agency rebuild.

Related services

Keep improving after launch.

The migration is the start. These engagements keep the machine running.

Service