Integration · Framework
RankFlo + Astro
Content API for Astro content collections
Astro ships zero JS by default. Pair it with RankFlo's REST API for a blazing-fast, SEO-first content stack.
Why use RankFlo with Astro
REST API + content collections integration
Zero JS by default with Astro
Image optimization built into RankFlo
Webhook-based rebuilds
Works with any Astro hosting
Quick start
// src/pages/blog/[slug].astro
import { defineCollection } from "astro:content";
import { createRankfloClient } from "@rankflo/sdk";
const client = createRankfloClient({ apiKey: import.meta.env.RANKFLO_API_KEY });
export async function getStaticPaths() {
const { data: posts } = await client.content.list();
return posts.map((post) => ({ params: { slug: post.slug }, props: { post } }));
}FAQ
How do I use RankFlo with Astro content collections?
Fetch content via our REST API in getStaticPaths, then render via Astro's standard component model.
Can I trigger rebuilds when posts publish?
Yes — use webhooks to ping your hosting provider's rebuild endpoint (Netlify, Vercel, Cloudflare Pages).