Project: SEO, Sitemap & Go Live

import { courses } from '@/lib/courses'
import { getAllPosts } from '@/lib/posts'
import { site } from '@/lib/site'

// Next.js turns this into /sitemap.xml automatically.
export default function sitemap() {
  const now = new Date()
  const pages = ['', '/courses', '/blog', '/about', '/contact'].map((p) => ({
    url: `${site.url}${p}`,
    lastModified: now,
    changeFrequency: p === '' ? 'weekly' : 'monthly',
    priority: p === '' ? 1 : 0.8,
  }))
  const coursePages = courses.map((c) => ({ url: `${site.url}/courses/${c.slug}`, lastModified: now, priority: 0.9 }))
  const postPages = getAllPosts().map((p) => ({ url: `${site.url}/blog/${p.slug}`, lastModified: new Date(p.date), priority: 0.7 }))
  return [...pages, ...coursePages, ...postPages]
}

import { site } from '@/lib/site'

// Next.js turns this into /robots.txt automatically.
export default function robots() {
  return {
    rules: [{ userAgent: '*', allow: '/', disallow: ['/api/'] }],
    sitemap: `${site.url}/sitemap.xml`,
  }
}

import { ImageResponse } from 'next/og'
import { site } from '@/lib/site'

// Social share image (1200×630) generated at build time for the home page.
export const alt = `${site.name} – ${site.tagline}`
export const size = { width: 1200, height: 630 }
export const contentType = 'image/png'

export default function OpengraphImage() {
  return new ImageResponse(
    (
      <div style={{ width: '100%', height: '100%', display: 'flex', flexDirection: 'column', justifyContent: 'center', padding: 80, background: 'linear-gradient(135deg,#4f46e5,#0f172a)', color: '#fff' }}>
        <div style={{ fontSize: 88, fontWeight: 800 }}>{site.name}</div>
        <div style={{ fontSize: 44, marginTop: 16, opacity: 0.9 }}>{site.tagline}</div>
      </div>
    ),
    size
  )
}

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="14" fill="#4f46e5"/><text x="32" y="43" font-size="30" text-anchor="middle" fill="#fff" font-family="Arial" font-weight="700">E</text></svg>

import Link from 'next/link'

export default function NotFound() {
  return (
    <div className="container section" style={{ textAlign: 'center' }}>
      <h1>404 – Page not found</h1>
      <p className="lead" style={{ margin: '0 auto' }}>The page you are looking for does not exist or has moved.</p>
      <p style={{ marginTop: 20 }}><Link href="/" className="btn">Go to home page</Link></p>
    </div>
  )
}

'use client' // error boundaries must be Client Components

export default function Error({ error, reset }) {
  return (
    <div className="container section" style={{ textAlign: 'center' }}>
      <h1>Something went wrong</h1>
      <p className="lead" style={{ margin: '0 auto' }}>Please try again. If the problem continues, contact us.</p>
      <button className="btn" style={{ marginTop: 20 }} onClick={() => reset()}>Try again</button>
    </div>
  )
}

import { NextResponse } from 'next/server'

// Proxy (called "middleware" before Next.js 16) runs before every matched request.
// Here: old URLs like /course/python-ai are permanently moved to /courses/python-ai.
export function proxy(request) {
  const { pathname } = request.nextUrl
  if (pathname.startsWith('/course/')) {
    const url = request.nextUrl.clone()
    url.pathname = pathname.replace('/course/', '/courses/')
    return NextResponse.redirect(url, 308)
  }
  return NextResponse.next()
}

export const config = { matcher: ['/course/:path*'] }

/** @type {import('next').NextConfig} */
const nextConfig = {
  // Simple permanent redirects live here (no code needed).
  async redirects() {
    return [{ source: '/home', destination: '/', permanent: true }]
  },
  images: {
    // Allow optimized images in two sizes that this site actually uses.
    qualities: [75, 90],
  },
}

export default nextConfig