NewWebsite migration service

HubSpot CMS (Content Hub) to Next.js
migration.

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

Moving your CRM or website to HubSpot instead? Explore our HubSpot migration services.

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 (desktop) - this very site, measured after its own Content Hub to Next.js migration.

Next.js + HubSpot

Build your website on Next.js. Keep HubSpot at the core.

Combine a fast, AI-managed website with the CRM and marketing tools your team already uses. HubSpot continues to handle forms, tracking, automation, and customer data.

Faster pages

Pre-rendered pages, optimized images, and global edge delivery help your website load faster. We measure Core Web Vitals before and after migration while keeping your HubSpot integrations connected.

Built for AI agents

A structured Next.js codebase in Git lets coding agents draft pages, update copy, and improve SEO. Your team reviews changes in preview deployments while HubSpot remains the home for CRM and marketing.

Keep HubSpot at the core

Keep your CRM, forms, tracking, chat, and workflows in HubSpot while Next.js powers the website. We connect the two and test lead capture and attribution before launch.

PageSpeed

Faster pages, measured by Google PageSpeed.

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

Illustrative starting point - your assessment establishes the baseline

After

resonatehq.com on Next.js + Vercel, desktop - 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 help manage.

The real win 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 keeps every change reviewable and makes rollback straightforward

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.

HubSpot at the core

Your website on Next.js. Your marketing powered by HubSpot.

We connect every HubSpot touchpoint to the new site, so forms, campaign attribution, and customer data continue to flow into the same portal. Your marketing and sales teams keep working in HubSpot.

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 Content Hub 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

10+ years

building on the HubSpot platform

98/100

this site's desktop 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 (Content Hub) to Next.js migration process

Audit & migration map

We crawl every page, blog post, form, CTA, and redirect on your Content Hub 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 from Marketo to HubSpot smoothly and set up a system that actually works for our global team.

RIRuth Idzik
Marketing Director, DPE Services Inc.

FAQ

Content Hub migration questions.

What marketing and ops leaders ask when pairing a Next.js website with HubSpot CRM and marketing.

Can our Next.js website stay fully integrated with HubSpot?

Yes. Next.js hosts your website while HubSpot continues to power your CRM, Marketing Hub, workflows, and email. 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 using Git and documented components.

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

Both hit 98+ desktop 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?

Headless Content Hub stores your content in HubSpot and delivers it over APIs. With this approach, your website content and templates live in a Next.js codebase while HubSpot continues to run your CRM and marketing. We review which Content Hub features you use before agreeing on the setup.

How much does a Content Hub 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