jasonroy19357/nextjs-seo-optimizer

Was macht nextjs-seo-optimizer?

🚀 Optimieren Sie Next.js-Apps für SEO mit KI-Fähigkeiten. Konfigurieren Sie Metadaten, generieren Sie Sitemaps und verbessern Sie die Leistung für bessere Suchrankings.

Funktionen

• Metadaten-Konfiguration: Erstellen und verwalten Sie Meta-Tags (Title, Description, Open Graph, Twitter Cards) für jede Seite, je nach Router-Typ (App Router oder Pages Router).
• Sitemap-Generierung: Automatische Generierung von sitemap.xml basierend auf der Seitenstruktur des Projekts, inklusive dynamischer Routen.
• Performance-Optimierung: Analysieren Sie Ladezeiten, Bilder, Schriftarten und Core Web Vitals und erhalten Sie KI-Vorschläge zur Verbesserung der Ladegeschwindigkeit.
• Rückwärtskompatibilität: Unterstützt sowohl den neuen App Router als auch den klassischen Pages Router von Next.js.
• Integration mit npm/Node.js: Funktioniert als CLI-Tool oder als integrierbare Bibliothek in Ihrem Projekt.

Voraussetzungen

• Node.js 18 oder höher
• Ein bestehendes Next.js-Projekt (Version 13+ empfohlen)
• npm, yarn oder pnpm

Installation

npm install nextjs-seo-optimizer

Oder

yarn add nextjs-seo-optimizer

Verwendung

Metadaten konfigurieren

Fügen Sie einen Optimierungsaufruf in Ihrer layout.js (App Router) oder _app.js (Pages Router) hinzu:

// app/layout.js (App Router)
import { optimizeMetadata } from 'nextjs-seo-optimizer'

export default function RootLayout({ children }) {
  return (
    <html lang="de">
      <head>
        <meta charSet="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        {optimizeMetadata()}
      </head>
      <body>{children}</body>
    </html>
  )
}

Sitemap generieren

npx nextjs-seo-optimizer generate-sitemap --baseUrl https://example.com

Dies erstellt eine public/sitemap.xml-Datei basierend auf Ihren Seiten.

Performance-Optimierung durchführen

npx nextjs-seo-optimizer analyze

Analysiert Ihre App und gibt eine Liste von Verbesserungsvorschlägen aus.

Konfiguration über Umgebungsvariablen

Variable	Beschreibung	Standard
NEXT_PUBLIC_BASE_URL	Basis-URL der Seite	http://localhost:3000
SEO_DEBUG	Debug-Ausgaben aktivieren	false

API

import { optimizeMetadata, generateSitemap, analyzePerformance } from 'nextjs-seo-optimizer'

// Optionen für Metadaten anpassen
const options = {
  title: 'Meine Seite',
  description: 'Beschreibung der Seite',
  openGraph: {
    title: 'Meine Seite',
    description: 'Beschreibung',
    image: '/og-image.png'
  }
}

optimizeMetadata(options)

// Sitemap programmatisch generieren
await generateSitemap({ baseUrl: 'https://example.com' })

// Performance-Analyse
const report = await analyzePerformance()
console.log(report)

Lizenz

MIT