A Next.js website in the UK usually costs £1,500 to £5,000 for a custom small-business marketing site. Add a database and admin panel and UK studio prices start at about £3,900. A custom headless build or product-style platform from a UK agency typically runs £15,000 to £35,000. On top of the build, budget for hosting from $5 to $20+ a month, a headless CMS from free to $300 a month, and maintenance from about £20 to £175+ a month, depending on what's covered.
Every one of those ranges comes from a published UK price page or a vendor pricing page, and I've linked them all below. I've split the costs by site type (marketing site, SaaS site, headless build) and added hosting, CMS fees and upkeep to each, so you can see where your project lands. If you're comparing hourly rates instead, that's a separate question, and I've covered it in hiring a Next.js developer in the UK.
£499
Cheapest fixed-price UK Next.js site I found (up to 5 pages)
£1.5k–£5k
Typical custom small-business Next.js site
£15k–£35k
Typical UK agency product or platform build
How much does a Next.js website cost in the UK by type?
UK Next.js prices run from £499 for a fixed-price starter site to £15,000–£35,000 for a product, portal or platform. Most custom small-business sites fall between £1,500 and £5,000.
| Site type | Typical UK build cost | What you usually get | Source |
|---|---|---|---|
| Fixed-price starter site | £499–£999 | Up to 5–10 pages, contact or lead forms, a simple blog, deployed on Vercel | Clearcut |
| Custom small-business site | £1,500–£5,000 | Bespoke, mobile-first design, SEO built in, often a page per service or town | Webso |
| Agency marketing site | from £1,950 | A site built around one clear commercial goal | Kyln |
| Designed site from a studio | from £2,400 | Visual design, Next.js build, deployment to hosting or your Git repo | Digital Pod |
| Site with database and admin | from £3,900 | Postgres database plus an admin dashboard for updates | Digital Pod |
| Product, portal or platform | £15,000–£35,000 | Real authentication, a data layer, integrations, larger scope | Kyln |
The top rows are fixed-scope packages. They're genuine offers, but they assume you supply the content and accept a set number of pages. Need a custom design, a CMS your marketing team uses every week, or a CRM integration? Then you're in a higher band.
Why does one Next.js quote cost three times another?
Mostly because of six things: design, the number of templates, where content lives, integrations, migration work, and whether a freelancer or an agency builds it.
- Design. Building from a template is quick. A custom Figma design, built to match it exactly, takes longer.
- Templates, not pages. A 40-page site built from four layouts can cost less than a 15-page site with twelve unique ones. Ask how many distinct templates the quote assumes.
- Where the content lives. Content written straight into the code is the cheapest to build and the most expensive to change later. A headless CMS adds content modelling, preview and editor training.
- Integrations. HubSpot forms, GA4 and Google Tag Manager events, Stripe, a CRM sync. Each one has to be built and tested.
- Migration. Moving from WordPress or Webflow to Next.js means redirects, metadata, structured data and a Search Console check after launch. I've costed that work in WordPress to Next.js migration cost.
- Who builds it. GoodFirms puts agency costs 20–50% above freelancers. The extra pays for project management, QA and continuity.
What does a SaaS marketing website cost?
A SaaS marketing website on Next.js usually costs more than the £1,500–£5,000 UK small-business band, because it needs pricing, comparison and campaign pages that marketing can run on its own. I couldn't find a neutral UK benchmark just for SaaS sites, so I treat one as a marketing site with more moving parts. That puts most SaaS sites between the two published UK bands: above the £1,500–£5,000 small-business range and below the £15,000–£35,000 agencies quote for products and platforms. Where you land depends mostly on how many templates and integrations you need. A SaaS site tends to need:
- a pricing page with plan toggles and a comparison table
- feature, use-case and competitor comparison pages
- a blog and changelog that marketing runs from a CMS
- campaign landing pages marketing can publish without a developer
- HubSpot forms plus GA4 and GTM events for demo requests and sign-ups
- clean hand-offs to the app's sign-up and login
The landing-page item matters most. If marketing can put together new pages from a library of tested blocks, you pay more up front and less on every campaign after that. I think that's almost always the right trade for a SaaS team. More on this in what a SaaS marketing website costs.
What does a headless Next.js build cost?
A custom headless Next.js build from a UK agency typically costs £15,000–£35,000, and three years of running costs can come close to the build price. Headless means a Next.js frontend with content in a separate CMS such as Sanity, Storyblok, Contentful or WordPress. It costs more because someone has to model the content, wire up preview and set up revalidation so edits go live without a redeploy.
Numen Technology's worked example is a good sense check. They show a £25,000 custom build followed by £7,700 a year: £1,500 for Vercel Pro, £1,200 for Sanity and £5,000 for maintenance. Over three years that's £48,100. It's one agency's model, and Numen sells Next.js builds, so read it with that in mind. Still, the ratio between build and upkeep is the useful part.
Here's what the main headless CMS options charge:
| CMS | Free tier | First paid tier | How it's billed | Source |
|---|---|---|---|---|
| Sanity | 20 seats, 10,000 documents | Growth, $15 per seat a month | Per occupied seat; viewers free | Sanity pricing |
| Storyblok | Starter, 1 seat | Growth, $99 a month with 5 seats | Per space | Storyblok pricing |
| Contentful | 10 users, 100K API calls a month | Lite, $300 a month for 20 users | Flat platform fee | Contentful pricing |
| WordPress (headless) | Software is free | No licence fee | You pay for WordPress hosting and upkeep | n/a |
Watch the per-seat pricing. A CMS that's free for a founder and one writer starts costing real money once five people in marketing need edit access. When the content team already knows WordPress, I often use WordPress as the backend instead. No per-seat CMS fees, but you're now looking after two systems. That trade-off is what my headless WordPress service is built around, and I've broken down that route in what a headless WordPress site costs.
Vercel or Cloudflare: what does Next.js hosting cost?
Next.js hosting costs $20 per seat a month on Vercel Pro or $5 a month on Cloudflare Workers Paid, plus usage on both. Vercel's free Hobby plan is for non-commercial use only, so a business site needs Pro: $20 per seat a month with a $20 usage credit, with metered usage, including build minutes, on top. Cloudflare's Workers Paid plan is $5 a month and includes 10 million requests and 30 million CPU milliseconds, with extra requests at $0.30 per million.
All the Vercel, Cloudflare and CMS prices in this post are billed in US dollars, as listed on the vendors' pricing pages in October 2026. At roughly £0.75 to the dollar, that's about £4 a month for Workers Paid, £15 per seat for Vercel Pro, £11 per seat for Sanity Growth, £75 for Storyblok Growth and £225 for Contentful Lite. Exchange rates move, so leave a margin in your year-one budget.
- Cloudflare Workers Paid5$
- Sanity Growth (1 seat)15$
- Vercel Pro (1 seat)20$
- Storyblok Growth99$
- Contentful Lite300$
For a Next.js marketing site, hosting is rarely the big number. CMS seats and maintenance usually cost more. So I pick the host on fit, not price. Vercel is made by the team behind Next.js, so new features work on day one and preview deployments come built in, but the bill grows with seats and usage. Cloudflare is usually cheaper at marketing-site traffic levels. The catch is that Next.js runs there through an adapter, so a few features need more care. I compare the two properly in Vercel vs Cloudflare for Next.js.
How much does Next.js maintenance cost in the UK?
Next.js maintenance in the UK costs from about £20 a month for managed hosting to £175+ a month for a full care plan, and one agency model budgets £5,000 a year for a headless build. The published figures vary a lot because they cover different work. Digital Pod offers managed cloud hosting from £20 a month. Kyln's care plan covers hosting, backups, monitoring and maintenance from £175 a month. Numen's model above budgets £5,000 a year.
You don't get WordPress-style plugin sprawl with Next.js, but the site still needs looking after. A useful retainer covers:
- framework and package updates, including the code changes a major Next.js version can need
- security patches and dependency audits
- uptime monitoring and checks on the hosting bill
- Core Web Vitals and Search Console checks
- small layout and content changes, and CMS schema tweaks
Leave a Next.js site untouched for two years and the catch-up upgrade becomes a project of its own. A few hours a month costs less.
What does the first year cost in total?
Year one for a Next.js site in the UK ranges from about £1,740 for a lean custom site on managed hosting to about £32,700 for a custom headless build with running costs.
| Scenario | Build | Running costs, year one | Year-one total | Based on |
|---|---|---|---|---|
| Lean custom site, free CMS tier | £1,500–£5,000 | from £240 (managed hosting from £20 a month) | about £1,740–£5,240 | Webso, Digital Pod |
| Agency site with a care plan | from £1,950 | from £2,100 (care plan includes hosting) | from about £4,050 | Kyln |
| Custom headless build | £25,000 | £7,700 | £32,700 | Numen |
A SaaS team with three people on Vercel Pro pays $60 a month in seats before any usage. Give the same three people Sanity Growth seats and that's another $45. Not much on its own, but put it in the budget from day one so nobody's surprised.
On timing, fixed-scope studios like Clearcut quote 14 days for a Next.js starter site. Custom and headless builds take longer, and the delay is usually design sign-off, content and CMS modelling rather than the code.
What should you ask a Next.js developer before you sign?
Ask about ownership, rendering, CMS costs, redirects, maintenance scope and Core Web Vitals targets. These seven questions catch most of the hidden costs:
- Who owns the GitHub repo, the hosting account and the CMS account? You should, from day one.
- Which pages are static and which are server-rendered, and why? That decision affects your hosting bill and your SEO.
- What will the CMS cost per editor once the team grows?
- Can marketing build a new landing page without you?
- If we're migrating, where's the redirect map? Every old URL should point to its new one with a permanent redirect, set in the Next.js
redirects()array before launch. My free Redirect Map Builder generates that array from a list of old WordPress URLs. - What does maintenance cover, and what's billed on top?
- What Core Web Vitals targets will you hit, and how will you measure them? Ask for PageSpeed Insights reports before and after launch so you can hold the developer to them. The free Page Speed Fix Planner turns those reports into a ranked list of fixes, and I cover the common failures in fixing Core Web Vitals on a Next.js site.
How do I approach a Next.js build?
I'm Mohit Goyal, and I build Next.js and React websites in TypeScript and Tailwind CSS. They're server-rendered and deployed on Vercel or Cloudflare, depending on who'll maintain the site and how much traffic it gets. I've shipped 100+ websites in 4+ years, most of them on WordPress, so I know what a content team expects from an editing screen. That shapes how I set up a headless CMS. My own portfolio runs on TanStack Start and React, with a chat that answers as me on the Claude API. I build speed and technical SEO in from the first commit, because bolting them on the week before launch is slower and costs more.
What's the next step?
Write down your page list, who'll edit content and the integrations you need. If you'd rather not start from a blank page, the free Project Scope Generator turns a two-line idea into a page list, ranked features and a suggested stack. Then book a 20-minute call with that scope, and I'll tell you which band your Next.js project sits in and what would move it up or down.
