Building a blog with Next.js and PageKit in 10 minutes

This is a quickstart guide to building a production-ready blog with Next.js and PageKit. By the end, you'll have a blog that fetches content via API, revalidates on publish, and runs on Vercel.

1. Create your PageKit project

Sign up at app.pagekit.cc, create a project, and grab your API key from the settings page.

2. Install the SDK

npm install @arovi/pagekit-core

3. Fetch posts

import { Pagekit } from "@arovi/pagekit-core";

const blog = new Pagekit({ apiKey: process.env.PAGEKIT_API_KEY });

export async function getPosts() {
  return blog.posts.list({ status: "published", limit: 10 });
}

4. Render them

Use Next.js App Router to render your posts. The SDK returns structured data — render it however you want.

export default async function BlogPage() {
  const posts = await getPosts();
  return posts.map(post => <article key={post.id}>
    <h2>{post.title}</h2>
    <div dangerouslySetInnerHTML={{ __html: post.html }} />
  </article>);
}

5. Add ISR

export const revalidate = 60;

Or use webhooks for instant revalidation on publish.

That's it.

No CMS admin panel. No themes. No plugins. Just content flowing through an API to your frontend. That's the PageKit way.