Integration · Framework
RankFlo + Next.js
Blog + CMS for Next.js 15
RankFlo is built for Next.js. Use our TypeScript SDK with App Router, Server Components, and ISR to build blazing-fast content sites.
Why use RankFlo with Next.js
App Router & Server Components support
TypeScript SDK with full type inference
ISR & on-demand revalidation via webhooks
Built on Next.js 15 ourselves
Works with Vercel, Netlify, self-hosted
Quick start
import { createRankfloClient } from "@rankflo/sdk";
const client = createRankfloClient({
apiKey: process.env.RANKFLO_API_KEY!,
});
export default async function BlogPage() {
const { data: posts } = await client.content.list();
return posts.map((post) => <article key={post.slug}>{post.title}</article>);
}FAQ
Does RankFlo work with Next.js App Router?
Yes — RankFlo is built for Next.js 15 App Router. Use our TypeScript SDK in Server Components for zero-JS content rendering.
How do I revalidate when content changes?
Use webhooks. Configure a RankFlo webhook to POST to your Next.js API route on post.published/updated. In the handler, call revalidatePath or revalidateTag.
Can I self-host?
Yes — RankFlo is MIT licensed and runs in Docker alongside your Next.js app or on separate infrastructure.