How I Built a Local SEO Optimised Next.js Website That Ranked on Google in 45 Days

I run a small web development agency called Best Web Devlopment agency in varanasi based in Varanasi, India. This is a technical breakdown of how I built and optimised a Next.js website that started ranking on Google within 45 days — covering the exact implementation decisions that made the difference. The Stack Framework: Next.js 14 (App Router) Hosting: Vercel CMS: Custom MongoDB + Node.js API Styling: Tailwind CSS Analytics: Google Analytics 4 SEO: next-sitemap + custom schema 1. App Router Metadata Implementation The biggest SEO win in Next.js 14 is the new Metadata API. Static metadata on every page is no longer optional. // app/layout.js export const metadata = { metadataBase: new URL('https://synor.in'), title: { default: 'Synor — Web Development Agency Varanasi', template: '%s | Synor' }, description: 'Professional web development and digital marketing agency in Varanasi.', openGraph: { type: 'website', locale: 'en_IN', url: 'https://synor.in', siteName: 'Synor', }, robots: { i