{
  "id": 19770040,
  "title": "Adding LocalBusiness Schema to a Next.js App Router Site Without Breaking Anything",
  "url": "https://urgent.news/2026/11/13/adding-localbusiness-schema-to-a-next-js-app-router-site-without",
  "topic": "tech",
  "section": "Tech",
  "published": "2026-11-13T06:59:54.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/codehunterz/adding-localbusiness-schema-to-a-nextjs-app-router-site-without-breaking-anything-lh5"
  },
  "original_language": "en",
  "account": "If you operate a business that serves customers in a specific location, adding structured data to your website can improve its visibility in search results. This process is relatively simple and can be accomplished without negatively impacting the existing functionality of a Next.js App Router site.\n\nTo begin, create a centralized source file that stores all relevant business information. This file should be typed to ensure consistency and prevent errors. For example, define an interface for opening hours and another for the business object itself. Populate this file with the necessary details such as the business name, URL, logo, phone number, email, price range, service areas, and opening hours.\n\nNext, create a helper function to generate the JSON-LD schema. This function takes the business data as input and constructs the JSON-LD object based on predefined types and properties. By using a specific subtype like 'Plumber' instead of the generic 'LocalBusiness', you provide search engines with more detailed information about the nature of the business. Include the stable '@id' property to link related schema blocks across different pages. For service areas, only include the relevant city or region rather than a full physical address, if applicable.\n\nFinally, render the JSON-LD schema on the server-side within a small server component in the App Router. This component should output a script tag containing the JSON-LD object, ensuring that search engine crawlers can easily access and understand the structured data. By following these steps, you can effectively implement LocalBusiness schema markup in a Next.js App Router project without disrupting the existing site structure or compromising performance.",
  "summary": "If you build websites for plumbers, dentists, law firms or any other local service business, structured data is one of the cheapest technical wins you can ship. A few lines of JSON-LD tell search engines exactly who the business is, where it operates, when it is open and how to reach it. Done well, it supports rich results and helps Google connect the website to the business behind it. Done…",
  "key_points": [
    "Create centralized source file for business info",
    "Define interfaces for opening hours & business object",
    "Generate JSON-LD schema with plumber subtype"
  ],
  "editors_take": "Implementing specialized JSON-LD through server components allows local businesses to boost search visibility without compromising the performance or structural integrity of their Next.js applications.",
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}