All integrations
Live
LiveAdd a fully server-rendered blog to your Next.js app
Drop a blog into any Next.js App Router project in minutes. Rankdesk gives you the API key plus a setup prompt that builds /blog and /blog/[slug] as server components, with metadata, JSON-LD, sitemap entries and revalidation wired up. Your key stays server side and Google crawls real HTML on your own domain.
Setup in three steps
- 1Create an API key and add it as RANKDESK_API_KEY
- 2Paste the setup prompt or the ready-made route files
- 3Deploy once, then publish on autopilot
What you get
- App Router server components with ISR
- generateMetadata, canonical and JSON-LD included
- Articles added to your sitemap automatically
Workflow
Approve once, then it lands in Next.js
Choose auto publish and articles go live on the schedule you set. Choose review first and nothing moves until a team member signs off.
Draft→
Review→
Published
Week 14
3/weekMon
Best coffee cart software for accounting
BlogTue
Coffee Cart Texas
PageWed
Coffee cart pricing explained
BlogThu
no post
Fri
Coffee cart Texas: full guide
BlogHire Coffee Cart Wedding
PageSat
no post
How the connection works
What Rankdesk does inside Next.js
Pull based over the Content API, rendered by App Router server components with ISR.
What you need first
- Next.js 13.4 or newer with the App Router
- RANKDESK_API_KEY as a server environment variable
- A host that supports revalidation, such as Vercel or a Node server
Good to know
- With a static export there is no revalidation, so new articles need a rebuild.
- The key must stay server side, never in a client component.
Field mapping to Next.js
| Rankdesk | Next.js |
|---|---|
| Article body | app/blog/[slug]/page.tsx |
| Meta fields | generateMetadata() |
| Slug list | generateStaticParams() and sitemap.ts |
FAQ