Missing App Router Examples in Next.js Learn SEO Course

[abhishekmardiya]

The Next.js Learn SEO course is helpful overall, but it lacks examples for the App Router. Since App Router is now the recommended approach, relying on the Pages Router makes it harder to apply concepts in real projects.

While experienced developers can adapt, many others—especially new Next.js developers—will likely face confusion trying to map these examples to the App Router.

Adding App Router-based examples would make the course more relevant, clearer, and easier to follow.

[Senthil455]

This is a fair observation. The App Router changes how several SEO-related patterns work:

• Metadata API replaces next/head -- metadata can be exported from layout.tsx or page.tsx as export const metadata = { ... } or via generateMetadata().
• Sitemaps are generated via app/sitemap.ts exporting a generateSitemaps() function.
• Robots via app/robots.ts.
• Dynamic canonical URLs use generateMetadata({ params }) instead of getServerSideProps.
• Structured data (JSON-LD) goes in layout.tsx via Script component with type="application/ld+json".
  That said, the core SEO concepts (meta tags, canonical URLs, structured data, sitemaps, performance) are framework-agnostic -- the Pages Router examples still teach the concepts. The gap is mainly in syntax and file conventions.
  For the course, the most impactful update would be a migration table mapping each Pages Router SEO pattern to its App Router equivalent, rather than rewriting every example. That keeps maintenance low while removing the friction for new developers.