generateMetadata ([slug]/layout.tsx)

nextjs-directory-site-starter · src/app/[slug]/layout.tsx · typescript · MIT
email

Next.js layout that generates page metadata and renders navbar, footer, newsletter.

// Source: https://github.com/AbdulBasit313/nextjs-directory-site-starter | License: MIT | Copyright 2025 Abdul Basit
// Provided via justclaw.it.com; keep this notice with the code.
import Footer from '@/components/footer'
import Navbar from '@/components/navbar'
import Newsletter from '@/components/newsletter'
import { Metadata } from 'next'

export async function generateMetadata(): Promise<Metadata> {
  const title = 'Course Details - Coursify'
  const description =
    'Discover comprehensive course details and start your learning journey with Coursify.'
  const url = 'https://yourdomain.com/courses'

  const metadata: Metadata = {
    title,
    description,
    alternates: {
      canonical: url,
    },
    openGraph: {
      title,
      description,
      url,
      siteName: 'Cou

... (truncated -- full source via MCP)

See the full source, get the GitHub permalink, and search for more like it.

Get a free API key