Catmint Framework Examples

This project demonstrates Catmint framework features using the Vercel adapter (@catmint/adapter-vercel). Use the navigation above to explore each example.

Adapter

The @catmint/adapter-vercel adapter produces Vercel Build Output API v3 output. Cached routes automatically become Vercel Prerender Functions with on-demand ISR support. Run catmint build to generate the .vercel/output/ directory, then deploy with vercel deploy --prebuilt.

Examples

• Counter — Client-side useState
• Todo List — State management with filtering
• Server Data — Async server components with Node.js APIs
• Form Validation — Client-side form handling
• API Fetching — Client fetch to API endpoints
• Server/Client Boundaries — RSC donut pattern
• Server Functions — RPC with .fn.ts files
• Static Route — Build-time pre-rendering
• Cached Route — In-memory caching with TTL + Vercel ISR
• Loading & Error — Suspense and error boundaries
• Async Components — Parallel and sequential streaming

API Endpoint

A test API endpoint is available at /api/hello (GET and POST).