camlio-stack

Scaffold and maintain Camlio-based Sanity v5 and Next.js 16 monorepo projects.

Updated Apr 27, 2026
One-click install
npx skills add https://github.com/caibanThinh200/camlio-wedding-template-v3 --skill camlio-stack
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: camlio-stack
Source: https://github.com/caibanThinh200/camlio-wedding-template-v3/tree/main/agents/camlio-stack
Command: npx skills add https://github.com/caibanThinh200/camlio-wedding-template-v3 --skill camlio-stack

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

Camlio-stack enables teams to quickly scaffold, extend, and maintain projects built on the Camlio architecture, combining Sanity v5 Studio with Next.js 16 App Router, a drag-and-drop page builder, GROQ queries, TypeScript types, and Tailwind CSS.

Core Features & Use Cases

  • Scaffolds a Camlio-based project structure in a single workflow for Studio and Frontend workspaces.
  • Enables extending pages via a reusable block system, with Typed PageBuilder blocks and a shared schema.
  • Keeps schema generation, type generation, and build steps in sync across monorepo workspaces.

Quick Start

Scaffold a Camlio-based project by running npm run predev from the repo root to generate types, then open the Studio to customize blocks.

Frequently Asked Questions about camlio-stack

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a Sanity and Next.js monorepo project with a page builder?

Scaffold a Sanity v5 and Next.js 16 App Router monorepo by running npm run predev from the repo root to generate types, then open the Studio to customize blocks. This single workflow sets up both Studio and Frontend workspaces.

What is the best way to keep Sanity schema and TypeScript types in sync across workspaces?

Keep schema and TypeScript types in sync across workspaces using standardized npm scripts that orchestrate schema generation and type generation. This ensures build steps remain consistent across the entire Camlio monorepo architecture.

Can I use GROQ queries with Next.js 16 App Router in a block-based Page Builder setup?

Yes, you can use GROQ queries with Next.js 16 App Router in a block-based Page Builder setup. The architecture combines GROQ data fetching with Typed PageBuilder blocks and a shared schema for dynamic content delivery.

Does this scaffolding workflow support Tailwind CSS with a drag-and-drop page builder?

Yes, this scaffolding workflow supports Tailwind CSS alongside a drag-and-drop page builder. It combines Tailwind CSS styling with reusable typed blocks, allowing teams to extend pages via a standardized block system within the Studio.

How do I extend a Next.js frontend using reusable typed blocks in a Sanity monorepo?

Extend a Next.js frontend using reusable typed blocks by opening the Sanity v5 Studio to customize blocks. The shared schema and Typed PageBuilder system allow you to add dynamic content blocks that integrate with GROQ queries.

Why do I need to run npm run predev before opening the Sanity Studio?

Run npm run predev before opening the Sanity Studio to generate required TypeScript types and synchronize schemas across monorepo workspaces. This ensures the block-based Page Builder and frontend have consistent typed data structures.