Docs

Pick your stack. Ship in five minutes.

Six framework recipes, plus theming, server components, and troubleshoot.

Every recipe is the same as the one shipped inside the npm tarball at node_modules/@devalok/shilp-sutra/docs/recipes/. Single source of truth, no drift.

Install

Pick your framework.

All six recipes assume Tailwind 4 CSS-first, React 18+, TypeScript optional.

Next.js (App Router)
transpilePackages, "use client" boundaries, font + CSS wiring.
Next.js (Pages Router)
_app.tsx wiring, globals.css import order.
Vite + React
PostCSS, Tailwind 4 CSS-first, font @import order.
Astro
@astrojs/react, client:load islands, CSS bundling.
Remix
links() exports, font preloading, route-level CSS.
TanStack Start
Vite-based SSR, route-tree CSS injection.

Customize

Make it yours.

Customize brand
Override accent ramp, radius, typography. CSS-vars only, no theme provider.

Reference

Deeper context.

Server Components
Which components are RSC-safe, which need a client boundary, and why.

Troubleshoot

When things break.

Troubleshoot
Common errors, version mismatches, CSS load order traps.

Working with an AI editor?

Install the Agent Skill once. Cursor, Claude Code, Codex, Aider then know every component, every setup step, every gotcha. No more pasting docs into chat.

Set up your editor

Next.js (App Router)

Next.js (Pages Router)

Vite + React

Astro

Remix

TanStack Start

Customize brand

Server Components

Troubleshoot