Integracja BuzzRank Next.js

Dlaczego Next.js + BuzzRank?

Next.js to framework React do budowy szybkich, przyjaznych SEO aplikacji webowych ze static generation (SSG) i server-side rendering (SSR).

BuzzRank to platforma automatyzacji treści dla skalowania programatycznego SEO.

Razem są potęgą do budowy zoptymalizowanych pod SEO stron na skalę.

Opcje integracji

1. Integracja API (Dynamiczna treść)

Pobieraj treść BuzzRank dynamicznie przez API:

// pages/blog/[slug].js
export async function getStaticProps({ params }) {
  const res = await fetch(`https://api.buzzrank.io/content/${params.slug}`, {
    headers: { 'Authorization': `Bearer ${process.env.BUZZRANK_API_KEY}` }
  });
  const content = await res.json();
  
  return { props: { content }, revalidate: 3600 };
}

2. Eksport JSON/Markdown (Statyczna treść)

Eksportuj treść z BuzzRank jako JSON lub Markdown, commituj do repo.

3. Integracja Headless CMS

BuzzRank publikuje do Twojego headless CMS (Contentful, Sanity, Strapi), Next.js pobiera z CMS.

Programatyczne SEO z Next.js

Next.js jest idealny dla programatycznego SEO dzięki getStaticPaths:

// Generuj 1000 stron lokalizacji automatycznie
export async function getStaticPaths() {
  const cities = await fetch('https://api.buzzrank.io/cities').then(r => r.json());
  
  const paths = cities.map(city => ({
    params: { city: city.slug }
  }));
  
  return { paths, fallback: 'blocking' };
}

BuzzRank generuje unikalną treść dla każdego miasta. Next.js buduje 1000 stron w czasie wdrożenia. ISR utrzymuje je świeże.

Korzyści wydajnościowe

• Statyczne strony: Pre-rendered w czasie budowy = natychmiastowe ładowanie
• ISR: Świeża treść bez pełnych rebuildów
• Edge caching: Vercel Edge Network serwuje treść globalnie
• Optymalizacja obrazów: Next.js optymalizuje obrazy automatycznie

Wypróbuj BuzzRank z Next.js →