In this tutorial, you will learn everything you need to know about SEO (search engine optimization) in Next.js and the app router.

Project files:
Starting code: https://github.com/codinginflow/nextj...
opengraphimage: https://github.com/codinginflow/nextj...

⭐ Get my fullstack Next.js with Express & TypeScript course: https://codinginflow.com/nextjs
✅ Get my free React Best Practices course: https://www.codinginflow.com/reactbes...
Join my newsletter for regular web dev tips: https://codinginflow.com/newsletter
Join our developer community on Discord: https://codinginflow.com/discord

Follow Coding in Flow on social media:
Twitter:   / codinginflow  
Instagram:   / codinginflow  
TikTok:   / codinginflow  
Facebook:   / codinginflow  

Timestamps:
0:00 Intro & prerequisites
2:28 Static metadata, title template, favicon, opengraphimage, next/Font, next/Image
18:24 Dynamic metadata (generateMetadata), React cache
28:38 Static rendering & caching, generateStaticParams, notFound
40:48 Server components (SSR) vs client components (CSR)
43:35 Dynamic sitemap (sitemap.ts)
50:42 Robots.txt & robots meta tag
55:59 Google Search Console & Vercel Analytics connection