Building a Blog with Skrip in 10 Minutes
This guide walks through building a simple blog using Next.js and Skrip. You'll have a fully functional content pipeline in about 10 minutes.
Project Structure
content/
blog/
hello-world.md
second-post.md
app/
blog/
page.tsx ← list all posts
[slug]/
page.tsx ← render a single post
Listing Posts
Fetch all posts from the Skrip API and render them:
async function getPosts() {
const res = await fetch('/api/collections/blog')
const { collection } = await res.json()
return collection.items
}
Rendering a Post
async function getPost(slug: string) {
const res = await fetch(`/api/collections/blog/${slug}`)
const { item } = await res.json()
return item
}
The item.data object has your frontmatter fields. The item.content has the raw markdown body — pass it to any renderer you like.
That's It
No schema migrations. No CMS deploys. Add a new .md file and it appears in the API immediately.
Frontmatter
{
"title": "Building a Blog with Skrip in 10 Minutes",
"date": "2026-02-05",
"author": "Taylor Reed",
"tags": [
"tutorial",
"blog",
"next.js"
],
"published": true,
"description": "A step-by-step guide to powering a Next.js blog with Skrip as the content backend."
}API endpoint
GET /api/collections/blog/building-a-blog-with-skrip