Internal Linking

// components/RelatedPosts.tsx
import Link from 'next/link'

interface Post {
  slug: string
  title: string
  excerpt: string
}

export function RelatedPosts({ posts }: { posts: Post[] }) {
  return (
    <div className="mt-12 border-t pt-8">
      <h2 className="text-2xl font-bold mb-6">Relaterede Artikler</h2>
      <div className="grid md:grid-cols-3 gap-6">
        {posts.map(post => (
          <Link
            key={post.slug}
            href={`/blog/${post.slug}`}
            className="block p-5 border rounded-lg hover:shadow-lg"
          >
            <h3 className="font-semibold mb-2">{post.title}</h3>
            <p className="text-sm text-gray-600">{post.excerpt}</p>
            <span className="text-blue-600 text-sm mt-2 inline-block">
              Læs mere →
            </span>
          </Link>
        ))}
      </div>
    </div>
  )
}

// lib/internalLinks.ts
export const internalLinks = {
  'SEO': '/seo-guide',
  'keyword research': '/seo-guide/keyword-research',
  'on-page SEO': '/seo-guide/on-page',
  'Core Web Vitals': '/seo-teknisk/core-web-vitals',
  'schema markup': '/schema',
  // ... flere links
}

// Auto-link component
export function AutoLink({ children }: { children: string }) {
  const words = children.split(' ')

  return (
    <>
      {words.map((word, i) => {
        const link = internalLinks[word.toLowerCase()]
        return link ? (
          <Link key={i} href={link} className="text-blue-600 underline">
            {word}
          </Link>
        ) : (
          word + ' '
        )
      })}
    </>
  )
}