Watch mode + PostCSS glue. This guide covers the complete esbuild setup for Nakshora 3.0.

Install#

terminal
bash
npm install -D @nakshora/vite-plugin

Configure#

build.mjs
js
import { build } from 'esbuild';
import postcss from 'postcss';
import nakshora from '@nakshora/postcss';

// esbuild has no CSS plugin API — run PostCSS first:
const css = await postcss([nakshora()]).process(src, { from: 'app.css' });
await build({ stdin: { contents: css.css, loader: 'css' }, outfile: 'dist/app.css' });

Verify#

terminal
bash
npx nakshora doctor

Doctor validates your config, checks that content globs match real files, and prints the engine version.

Troubleshooting#

  • Run nakshora doctor first — it catches 90% of setup mistakes.

Next#

Styling patterns: concepts/utility-first-methodology|utility-first methodology · performance: performance/index|performance guide.