@arovi/pagekit-next

Next.js integration for PageKit.

Install

npm install @arovi/pagekit-next

Usage

Server Components (App Router)

import { getPosts, getPost } from "@arovi/pagekit-next";

export default async function BlogPage() {
  const { data: posts } = await getPosts({ status: "published" });

  return (
    <ul>
      {posts.map((post) => (
        <li key={post.id}>{post.title}</li>
      ))}
    </ul>
  );
}

Dynamic routes

import { getPost } from "@arovi/pagekit-next";

export default async function PostPage({ params }: { params: { slug: string } }) {
  const post = await getPost({ slug: params.slug });
  return <article>{post.content}</article>;
}

Metadata

import { getPost } from "@arovi/pagekit-next";

export async function generateMetadata({ params }: { params: { slug: string } }) {
  const post = await getPost({ slug: params.slug });
  return { title: post.title, description: post.excerpt };
}

Custom config

import { createPageKit, getPosts } from "@arovi/pagekit-next";

const pagekit = createPageKit({
  apiKey: "pk_live_...",
  baseUrl: "https://api.pagekit.app/v1",
});

const posts = await getPosts({}, pagekit);

Configuration

Set environment variables in .env.local:

PAGEKIT_API_KEY=pk_live_...
PAGEKIT_API_URL=http://localhost:3000  # optional

License

MIT © Arovi Labs