Getting Started with PageCraft

Getting Started

PageCraft is built on top of Sanity and Next.js. To get started, clone the repo, install dependencies, and run the development server.

Prerequisites

You'll need Node.js 18+, a Sanity account, and basic familiarity with React and TypeScript.

How the Page Builder Works

Every page is composed of sections. Each section is either a Hero Section (full-width, at the top of a page) or a Grid Row (flexible column layout). Grid Rows support 9 layout presets from full-width to 4-column.

Content Types

Each grid column can contain any of 28 content types: rich text, images, CTAs, forms, FAQs, pricing cards, testimonials, feature grids, galleries, code blocks, and more.

Visual Style Controls

The blockStyles system gives you padding, margin, border, background, typography, and effects controls at three levels: the grid row, the column, and the individual block.

This means content editors can adjust spacing and visual appearance without touching code — just expand the Block Styles section in the Studio.

Next Steps

Open the Studio at /studio and start building. Check the showcase page at /showcase to see all content types in action.