5 Things I Learned Building 100+ Web Pages with Next.js App Router

I have been building websites with Next.js for a while now. Our studio Impeccify has shipped over 100 pages using the App Router and I wanted to share some stuff I learned along the way. These are not things you read in the docs. These are things you figure out after building real projects for real clients. 1. Metadata setup matters more than you think Most tutorials show you the basic metadata export and move on. But if you want your pages to actually rank on Google, you need to go deeper. Here is what we put on every page: Title with the main keyword near the front Description under 160 characters with a clear value prop Open Graph tags for social sharing Canonical URL to avoid duplicate content Structured data (FAQ schema, breadcrumbs, etc) The structured data part is what most people skip. But it is what gets you those rich results in Google search. We add FAQ schema to every tool page and it makes a noticeable difference in click through rates. 2. Do not put everything in a layout