Technical SEO

// app/robots.ts
import { MetadataRoute } from 'next'

export default function robots(): MetadataRoute.Robots {
  return {
    rules: [
      {
        userAgent: '*',
        allow: '/',
        disallow: ['/api/', '/admin/', '/private/'],
      },
      {
        userAgent: 'Googlebot',
        allow: '/',
        disallow: ['/api/'],
      },
    ],
    sitemap: 'https://mern-docs.vercel.app/sitemap.xml',
    host: 'https://mern-docs.vercel.app',
  }
}

// This generates /robots.txt automatically

// app/sitemap.ts
import { MetadataRoute } from 'next'

export default function sitemap(): MetadataRoute.Sitemap {
  const baseUrl = 'https://mern-docs.vercel.app'
  const currentDate = new Date()

  return [
    {
      url: baseUrl,
      lastModified: currentDate,
      changeFrequency: 'weekly',
      priority: 1,
    },
    {
      url: `${baseUrl}/tutorials/react`,
      lastModified: currentDate,
      changeFrequency: 'monthly',
      priority: 0.8,
    },
    {
      url: `${baseUrl}/tutorials/nodejs`,
      lastModified: currentDate,
      changeFrequency: 'monthly',
      priority: 0.8,
    },
    // Add all your pages...
  ]
}

// Generates /sitemap.xml automatically

// app/blog/[slug]/page.tsx
export default function BlogPost() {
  const schema = {
    '@context': 'https://schema.org',
    '@type': 'Article',
    headline: 'React Hooks Tutorial',
    description: 'Learn React Hooks...',
    author: {
      '@type': 'Person',
      name: 'John Doe',
    },
    datePublished: '2026-01-03',
    image: 'https://yoursite.com/image.jpg',
  }

  return (
    <>
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }}
      />
      <article>
        {/* Your content */}
      </article>
    </>
  )
}

// app/layout.tsx or specific page
import type { Metadata } from 'next'

export const metadata: Metadata = {
  metadataBase: new URL('https://mern-docs.vercel.app'),
  alternates: {
    canonical: '/', // or specific path like '/blog/post-title'
  },
}

// For dynamic pages
export async function generateMetadata({ params }): Promise<Metadata> {
  return {
    alternates: {
      canonical: `/blog/${params.slug}`,
    },
  }
}

// next.config.mjs - Performance optimizations
/** @type {import('next').NextConfig} */
const nextConfig = {
  images: {
    formats: ['image/avif', 'image/webp'],
    deviceSizes: [640, 750, 828, 1080, 1200, 1920],
  },
  compress: true, // Enable gzip compression
  swcMinify: true, // Use SWC for faster minification
  
  // Enable HTTP/2 Server Push
  async headers() {
    return [
      {
        source: '/:all*(svg|jpg|png)',
        headers: [
          {
            key: 'Cache-Control',
            value: 'public, max-age=31536000, immutable',
          },
        ],
      },
    ]
  },
}

export default nextConfig