Skip to main content
Loved by 189+ engineering teams

Next.js SEO for Sites Built on the Right Framework but Missing the Basics

For teams on Next.js: we audit every route against the framework's own SEO tools and fix metadata, sitemaps, status codes, and Core Web Vitals in your code.

  • 2X

    More pages earning clicks

  • 100%

    Routes with unique metadata

How your project runs

01 · Free
#198PerformanceLCPCLSINP
  1. 01Free Next.js Review
  2. 02Route and Config Audit
  3. 03Ticket Plan
  4. 04Code Fixes in Next.js
  5. 05Recrawl and Review

Teams we have built for:

  • Amazon Web Services
  • HubSpot
  • Linode
  • Microsoft Azure
  • Moodle
  • Magento
  • Oracle
  • Salesforce
  • SAP
  • Squarespace
  • Weebly
  • WP Engine
  • Google Cloud
  • DigitalOcean

The Problem

Your Site Runs on Next.js and Still Ranks Like a Rushed Build

It shows up months after launch. The framework renders on the server, yet search results show duplicate snippets, deleted pages, and slow scores on phones.

  1. Shared tags

    Dozens of posts share one title and description.

    Shared tags

    Add generateMetadata to each dynamic route, fed by that page's own data.

  2. Stale sitemap

    The sitemap lists deleted pages and misses new ones.

    Stale sitemap

    Generate sitemap.ts from published content on every build or request.

  3. False 200s

    Missing pages return 200 because notFound() fires too late.

    False 200s

    Call notFound() before streaming starts so missing pages return a real 404.

  4. Slow scripts

    A chat widget loads first and pushes INP up on phones.

    Slow scripts

    Load third-party scripts with lazyOnload or afterInteractive instead of first.

Your team picked Next.js for speed and search, and the blog still ranks below a slower WordPress competitor. Search Console shows dozens of posts with the same description, because only the root layout exports metadata. The sitemap lists drafts you deleted months ago. A missing product page returns a 200, since notFound() fires after streaming starts. A chat widget loads before your main content and pushes Interaction to Next Paint into the red on phones. The framework has the tools. Nobody wired them in.

We start with your routes and next.config, not a generic crawl. For each route segment we check the metadata export, the rendering mode, the status code, and what lands in sitemap.ts and robots.ts. Then we fix them in code: generateMetadata on dynamic routes, notFound() before streaming, and image and script settings that protect Core Web Vitals. The framework's SEO features end up doing their job, instead of sitting unused.

  • Metadata API wired in

    generateMetadata on every dynamic route, with metadataBase, canonicals, and Open Graph tags set.

  • Sitemap from live routes

    sitemap.ts and robots.ts generated from published content instead of a hand-edited file.

  • Core Web Vitals on key pages

    Image, font, and script settings tuned on the templates that earn your search traffic.

Our Next.js SEO Services Process

From Route Audit to Fixes Live on Your Domain in Five Steps

You see what Google receives from each route before any changes, approve every fix as a ticket, and test each pull request on a preview deployment before it merges.

  1. We read your public routes, next.config, and 3 key pages in Google's URL Inspection tool. You get a short note on what Google receives and the biggest gaps, with no obligation to continue.

What's Included

What You Get With Next.js SEO Best Practice Built Into Your Code

The full scope: a route and config audit, Metadata API fixes, structured data, generated sitemap and robots files, and honest status codes. Key templates also get Core Web Vitals work.

  • Route and config audit

    Every route segment checked for metadata, rendering mode, status code, and Core Web Vitals.

  • Metadata API fixes

    generateMetadata, metadataBase, canonical alternates, and Open Graph images set for each route type.

  • Structured data per template

    JSON-LD for articles, products, FAQs, or your organization, rendered on the server with valid fields.

  • Sitemap and robots files

    sitemap.ts and robots.ts built from your content source, split by type on larger sites.

  • Honest status codes

    notFound() placed before streaming, and permanent redirects that return the 308 status Google treats as a move.

  • Core Web Vitals and recrawl

    Image, font, and script settings tuned on key templates, then a recrawl and a before-and-after report.

Compare Options

DeveloperLook vs Generalist SEO Agency vs Framework Defaults

A generalist agency brings content and link experience, and Next.js defaults already cover server rendering. The gaps sit in how your routes use the framework, and the rows below show who closes them.

DeveloperLook
Generalist SEO agency
Reads your codebase
DeveloperLook: Routes, layouts, and next.configGeneralist SEO agency: Crawl reports only
Metadata per route
DeveloperLook: generateMetadata on every route typeGeneralist SEO agency: Recommends tags to add
Rendering checks
DeveloperLook: Static or dynamic, route by routeGeneralist SEO agency: Rarely checked
Status codes
DeveloperLook: notFound() and redirects testedGeneralist SEO agency: Spotted after launch
Content and links
DeveloperLook: Not included, technical onlyGeneralist SEO agency: Their strongest area
Core Web Vitals
DeveloperLook: Image, font, and script fixesGeneralist SEO agency: Reported, rarely fixed
Pricing model
DeveloperLook: Fixed scope from $700Generalist SEO agency: Monthly retainer
Code ownership
DeveloperLook: Pull requests in your repositoryGeneralist SEO agency: Advice for your developers

Projects We've Built

El Marena and the Staffic marketing site are our Next.js builds, and the other two are website projects. All four are builds, not SEO case studies.

What Our Clients Say

What Clients Say After Launch

Feedback from teams we have built and launched websites for.

We had a pretty specific idea of what we wanted our website to become, but I wasn’t sure how easily we could explain all of it to a development team. There were quite a few moving parts, and we were working toward a deadline, so I expected a few things to get lost along the way. That never really happened. They understood what we were trying to achieve, kept us updated throughout the process, and got everything ready within the agreed timeline. The final site feels much easier to navigate, works beautifully on mobile, and is noticeably smoother for our customers. It was a huge relief seeing the original idea actually turn into the website we had in mind.

Michael BennettFounder & CEO of Northbridge Consulting01 / 03
  • 1,250+

    Projects shipped

  • 10+

    Years of experience

  • Top 3%

    Upwork Top Rated Plus

  • 5 stars

    Average review score

  • 1,250+

    Projects shipped

  • 10+

    Years of experience

  • Top 3%

    Upwork Top Rated Plus

  • 5 stars

    Average review score

Want results like these?

Tell us what you are building. You get a reply within 24 hours on business days, then a written estimate.

Work Culture

Why Teams on Next.js Trust Us With Search

We read the framework's docs for the version you run, work in your repository, and test on preview deployments, so search fixes land like any other feature.

  • Docs for your version

    Next.js changes fast, so we check the docs for the version in your package.json first. Advice written for another version can break your build.

  • Preview deployments first

    Every fix runs on a preview URL before it merges. Your team sees the rendered tags and status codes, not just the diff.

  • Fixes at the layout level

    A missing tag in a shared layout repeats on every page below it. Fixing the layout once repairs every route that uses it.

  • Rendering mode on purpose

    We choose static, dynamic, or revalidated rendering per route by how often its data changes. Faster pages and fresher content stop competing.

  • Straight talk on WordPress

    Next.js won't outrank WordPress just by being Next.js. If your problem is content or links, we say so and point you to the right service.

  • Nothing locked to us

    Every change uses the framework's own APIs inside your repository. No plugin, proxy, or paid service sits between Google and your site.

Overview

How does Next.js SEO work on an App Router site?

DeveloperLook handles Next.js SEO for sites on the App Router and the Pages Router. We audit every route's metadata, rendering mode, status codes, sitemap, and Core Web Vitals, then fix them with the Metadata API, sitemap.ts, robots.ts, and next/image. Plans start at $700 with a fixed scope, audits take 1 to 2 weeks, and fixes ship as pull requests.

DEVELOPERLOOK

Project facts · Next.js SEO Services

Service
Next.js SEO Services (route audit, Metadata API fixes, Core Web Vitals)
Typical timeline
1 to 2 weeks to audit, 2 to 5 weeks with fixes
Platforms
Next.js App Router and Pages Router, on Vercel or self-hosted
Built with
Metadata API, URL Inspection, Lighthouse, Playwright, Screaming Frog
Experience
10+ years of development experience and 1,250+ shipped projects
Post-launch support
30 days of fix support (60 days on Router Migration SEO)
Communication
Calls in US, UK, and AU business hours
Starting price
From $700 USD, fixed scope after a free Next.js review

Reviewed 28 Oct 2026 by Saimul Islam

Good fit

  • Startups that launched on Next.js

    Your site launched on Next.js for speed, yet many blog posts share one meta description and Search Console flags duplicate pages without a chosen canonical.

  • Teams moving to the App Router

    Your team is moving from the Pages Router and next/head to the App Router, and you want the Metadata API checked before the switch reaches production.

  • Content sites with dynamic routes

    Your articles or listings use dynamic segments, some render at request time, and sitemap.ts still lists URLs that no longer exist.

  • Teams comparing SEO partners

    Your shortlist has a Next.js SEO agency and a generalist, and you need people who read generateMetadata and route handlers, not just crawl reports.

  • Agencies shipping Next.js client sites

    Your agency builds client sites on Next.js and Vercel, and you want SEO for Next.js reviewed by engineers before each launch.

Not a fit

  • App is plain React

    Your app is a React single-page app on Vite or Create React App. Our React SEO Services page covers prerendering and routing for that setup.

  • Need the site built

    You need a new Next.js site or major features built. Our Next.js Development team builds it, and search checks can run inside that project.

  • Only speed scores fail

    Your metadata and indexing look fine and only Core Web Vitals fail. Our Core Web Vitals Optimization service focuses on that work alone.

  • Small site, budget under $700

    You run a small Next.js brochure site and have less than $700. Check that each page exports metadata and that the sitemap lists every URL first.

Not sure we're the right fit?

Book a free call or message us. We'll tell you honestly whether we're the right team.

Pricing

Transparent Starting Prices for Next.js SEO Services

These are starting points in USD. Your final price depends on your route types and how many templates need code fixes, and you get a fixed proposal after a free Next.js review.

$500$1k$1.5k$2k$2.5k$700$1,400$2,150

For Next.js sites that need metadata, sitemap, and status codes checked and corrected.

$700one-time, USD

Get a fixed quote
  • Route and config audit, up to 20 routes
  • Unique metadata on every route type
  • sitemap.ts and robots.ts fixes
  • Status code and redirect check
  • Tickets ranked by affected pages
  • 30 days of fix support

Recommended

For Next.js teams that want structured data, rendering, and speed fixes shipped on up to 8 templates.

$1,400one-time, USD

Get a fixed quote
  • Everything in Route and Metadata Audit
  • Code fixes on up to 8 templates
  • Structured data per template
  • Rendering mode set route by route
  • Image, font, and script tuning for Core Web Vitals
  • 30 days of fix support

For moves from the Pages Router to the App Router, or sites in several languages.

$2,150one-time, USD

Get a fixed quote
  • Everything in Template Fixes
  • Pages Router to App Router parity checks
  • hreflang through Metadata API alternates
  • Redirect map for changed routes
  • Preview crawl before each release
  • 60 days of support with indexing checks

For Agencies

White-Label Next.js Search Fixes for Agencies and Studios

Your agency keeps the client and the roadmap. We take the Next.js search work: route audits, Metadata API fixes, and Core Web Vitals tuning, delivered as pull requests and notes you can send under your name.

How the partnership works

White label: your client only ever sees your brand

Your clientSees only your brand
You, the agencyOwn the relationship
DeveloperLookBehind your brand
  1. Share the project

    Send the client's domain, repository access, router type, and launch date.

    • Client needs
    • You share the details
    • Details received
  2. We audit and price

    We review key routes and send a fixed proposal in your branding.

    • Scope and plan
    • Proposal to resell
    • Your quoteYOUR LOGO
  3. Fix and report

    We ship the pull requests, recheck each route, and pass you the summary.

    • Done by our team
    • Your brand on it
    • Handed to your clientDone
  • Your client
  • You, the agency
  • DeveloperLook
  1. Share the project

    Send the client's domain, repository access, router type, and launch date.

    1. Client needs
    2. You share the details
    3. Details received
  2. We audit and price

    We review key routes and send a fixed proposal in your branding.

    1. Scope and plan
    2. Proposal to resell
    3. Your quoteYOUR LOGO
  3. Fix and report

    We ship the pull requests, recheck each route, and pass you the summary.

    1. Done by our team
    2. Your brand on it
    3. Handed to your clientDone
  • Client stays yours

    Every audit, ticket, and summary goes out under your agency's name.

  • Fits your Git flow

    We work on your branches and follow the client's review rules.

  • Clear delivery dates

    Fixed scope per site, with delivery dates set before work begins.

  • Extra Next.js hands

    Cover a busy launch month without adding permanent staff.

The Right Technology for Your Project

Technology Stack

Tools we use to read Next.js routes the way Google does, fix them with the framework's own APIs, and measure the result in the field.

    • Next.js logoNext.js
    • React logoReact
    • TypeScript logoTypeScript
    • Node.js logoNode.js
    • Vercel logoVercel
    • Google Search Console logoGoogle Search Console
    • Screaming Frog
    • Playwright
    • Semrush logoSemrush
    • PageSpeed Insights logoPageSpeed Insights
    • Lighthouse logoLighthouse
    • Google Chrome logoChrome DevTools
    • Google Analytics logoGoogle Analytics (GA4)
    • Contentful
    • Sanity
    • WordPress logoWordPress
    • Shopify logoShopify
01 / 04

FAQ

Frequently Asked Questions

Straight answers on cost, timing, router migrations, and how SEO, Next.js rendering, and WordPress compare.

  • They start at $700 for a route and config audit, unique metadata on every route type, and sitemap and robots fixes. Code fixes on up to 8 templates cost $1,400, and Pages Router to App Router migrations start at $2,150. Your fixed proposal follows a free review of your routes.

  • Expect 1 to 2 weeks for the route audit and metadata corrections on a Next.js site. Template fixes or a router migration stretch that to 2 to 5 weeks. Core Web Vitals field data then needs about 28 days to reflect changes, because Google's report uses a rolling 28-day window.

  • SEO in Next.js means using the framework's built-in tools to give every page complete HTML, accurate metadata, and the right status code. Those tools include the Metadata API, the sitemap and robots file conventions, server rendering, and the image, font, and script components that keep pages fast on phones.

  • Yes, Next.js is good for SEO because pages render on the server by default, so Google gets full HTML on the first request. Many teams pick Next.js for SEO for exactly this reason. Being good for SEO isn't the same as being optimized, though: missing route metadata or a stale sitemap still costs clicks.

  • Mostly, yes: server rendering, file-based routes, and real anchor links through next/link come built in. What isn't automatic is metadata on dynamic routes, a sitemap that matches your content, and structured data. Those need code in each route, and that's where most Next.js sites fall short.

  • Next.js helps by giving you server-rendered HTML, a Metadata API, and image and script components that protect Core Web Vitals. It doesn't write titles, create content, or earn links for you. Treat it as a framework that removes technical blockers, not as a ranking boost on its own.

  • Compared with client-only frameworks, Next.js improves SEO mainly through server rendering and static generation by default. Against Nuxt, Astro, or Remix the gap is small, because each can send full HTML. Next.js stands out for its built-in Metadata API and its file conventions for sitemaps and robots rules.

  • No, Next.js doesn't have more SEO than WordPress by default; the two get there differently. WordPress relies on plugins such as Yoast for metadata and sitemaps, while Next.js needs that code written into routes. Next.js can load faster, but content and links decide most rankings on either platform.

  • Usually because notFound() runs after the response has started streaming. The Next.js docs note that once streaming begins inside a Suspense boundary, the status stays 200, although a noindex tag is added. Fetching the record and calling notFound() before any Suspense boundary renders returns a real 404.

  • You do: every change is a reviewed pull request in your repository, built on the framework's own APIs. Fix support runs 30 days after release, or 60 days with indexing checks on Router Migration SEO. If a plain metadata export already covers your site, we'll tell you before we quote.

Saimul IslamFounder & CEO, DeveloperLook

Still have questions?

Send a message or book a call with the team.

Book a free call

Free 30-min call

Book a call

Book a free 30-minute call

In 30 minutes on Google Meet we walk you through how we would build it, how long it takes and what it costs. Then you get a written estimate.

Calendar not showing? Book on cal.com or send a brief.