v1.0.0 Public Beta
COMING SOON
Ship your blog in
Minutes, not Days.
A headless CMS built specifically for Next.js App Router. Drop in our SDK, configure your styles, and focus on writing.
src/app/blogs/page.tsx
import { BlogGrid }
from '@blogkit-sdk/next';
export default function BlogPage() {
return (
<main className="container mx-auto">
<h1>Latest Posts</h1>
{/* Renders complete grid */}
<BlogGrid />
</main>
);
}
export default function BlogPage() {
return (
<main className="container mx-auto">
<h1>Latest Posts</h1>
{/* Renders complete grid */}
<BlogGrid />
</main>
);
}
SSR
Next.js Native
100%
Type Safe SDK
React 19
Compatible
JSON
Block Output
/// Integration
Wrap once.
Wrap once.
Render anywhere.
Just wrap your root layout with our Provider, and you have access to your entire content infrastructure. It's built for the App Router, supporting Server Components out of the box.
- Global Context Provider
- Automatic SEO Metadata
- Image Optimization Included
layout.tsx
// Wrap your application root
import
{ BlogProvider }
from
'@blogkit-sdk/next'; export default function
RootLayout({ children }) {
return (
<html>
<body>
<BlogProvider
apiKey="sk_live_..."
apiUrl="https://api.blogkit.co/v1"
>
{children}
</BlogProvider>
</body>
</html>
)
}
<html>
<body>
<BlogProvider
apiKey="sk_live_..."
apiUrl="https://api.blogkit.co/v1"
>
{children}
</BlogProvider>
</body>
</html>
)
/// Capabilities
The Engine
The Engine
Under the Hood.
/// Workflow
From Idea to
From Idea to
Deployment.
01
Create Organization
Sign up and get your unique API key instantly.
02
Install SDK
Add `@blogkit-sdk/next` to your Next.js project.
03
Write & Publish
Use our dashboard to manage content. Changes reflect instantly.
➜
~
npm install @blogkit-sdk/next
added 5 packages, and audited 143 packages in 3s
found 0 vulnerabilities
found 0 vulnerabilities
➜
~
git push origin main
Enumerating objects: 15, done.
Writing objects: 100% (15/15), 2.34 KiB | 2.34 MiB/s, done.
remote: Resolving deltas: 100% (10/10), completed with 5 local objects.
remote:
remote: Build successful. Deployed to https://your-blog.vercel.app
Writing objects: 100% (15/15), 2.34 KiB | 2.34 MiB/s, done.
remote: Resolving deltas: 100% (10/10), completed with 5 local objects.
remote:
remote: Build successful. Deployed to https://your-blog.vercel.app
➜
~
/// Plans
Scale as you Grow.
Dev
$0 /mo
- • 1 User Organization
- • 1 API Key
- • Standard Grid & Carousel Styles
- • 500 API Requests/mo
Most Popular
Pro
$19 /mo
- • Unlimited API Requests
- • Advanced Branding Controls
- • Priority Support
- • Removal of Watermark
Stop building CMSs.
Focus on your product. Let us handle the content infrastructure.