Alle integraties
Next.js logoLive

Voeg een volledig server-rendered blog toe aan je Next.js-app

Zet in enkele minuten een blog in elk Next.js App Router-project. Rankdesk geeft je de API-sleutel plus een setupprompt die /blog en /blog/[slug] bouwt als server components, met metadata, JSON-LD, sitemap en revalidatie. Je sleutel blijft server-side en Google crawlt echte HTML op je eigen domein.

Instellen in drie stappen

  1. 1Maak een API-sleutel en zet die als RANKDESK_API_KEY
  2. 2Plak de setupprompt of de kant-en-klare routebestanden
  3. 3Deploy een keer en publiceer daarna automatisch

Wat je krijgt

  • App Router server components met ISR
  • generateMetadata, canonical en JSON-LD inbegrepen
  • Artikelen automatisch in je sitemap
Workflow

Een keer goedkeuren en het staat in Next.js

Kies auto-publiceren en artikelen gaan live volgens jouw planning. Kies eerst reviewen en er beweegt niets tot een teamlid akkoord geeft.

Concept
Review
Gepubliceerd

Week 14

3/week

Mon

Beste koffiekar-software voor boekhouding

Blog

Tue

Koffiekar Texas

Pagina

Wed

Koffiekar-prijzen uitgelegd

Blog

Thu

geen post

Fri

Koffiekar Texas: complete gids

Blog

Koffiekar huren bruiloft

Pagina

Sat

geen post

Hoe de koppeling werkt

Wat Rankdesk doet binnen Next.js

Pull-gebaseerd via de Content API, gerenderd door App Router server components met ISR.

Wat je vooraf nodig hebt

  • Next.js 13.4 of nieuwer met de App Router
  • RANKDESK_API_KEY als server-omgevingsvariabele
  • Een host met revalidatie, zoals Vercel of een Node-server

Goed om te weten

  • Met een static export is er geen revalidatie, dus nieuwe artikelen vragen een rebuild.
  • De sleutel blijft server-side, nooit in een client component.

Veldkoppeling naar Next.js

RankdeskNext.js
Artikeltekstapp/blog/[slug]/page.tsx
MetaveldengenerateMetadata()
SluglijstgenerateStaticParams() en sitemap.ts
FAQ

Veelgestelde vragen