Skip to content

Metadata · Next.js (App Router)

How to remove a framework default title in Next.js (App Router)

A leftover scaffold title is the clearest possible signal to a visitor that the site is unfinished, and it appears in the search result, the browser tab and every shared link. It also means the page competes for the scaffold's words instead of your product's.

The fix for Next.js (App Router)

13x detects your framework from the response and hands you this version rather than the generic one — below 50% confidence it hedges and gives you the generic one instead.

The default came from create-next-app. Replace it in app/layout.tsx:

ts code
export const metadata: Metadata = {
  // was: title: "Create Next App"
  title: {
    default: "example.com — what you do, in one line",
    template: "%s — example.com",
  },
  // was: description: "Generated by create next app"
  description: "One or two sentences a stranger would understand.",
};

On a different stack? The general version of this fix explains what 13x checks and why it matters, without assuming a framework.

Check your Next.js (App Router) site

113 deterministic checks against your live URL, in about 30 seconds. Framework detected from the response, so every fix comes back in the form your stack actually uses.

No signup. Results in 30 seconds.