Framework guides
Leaf detects the framework in your project, runs its build command, and selects the output folder shown below. Guide links point to the 16 frameworks that passed validation.
| Framework | Detected name | Build command | Output folder | Guide |
|---|---|---|---|---|
| Astro | Astro | npm run build | dist | Astro |
| Angular | Angular | npm run build | dist/app/browser | Angular |
| Create React App | Create React App | npm run build | build | Create React App |
| Docusaurus | Docusaurus | npm run build | build | Docusaurus |
| Eleventy | Eleventy | npm run build | _site | Eleventy |
| Gatsby | Gatsby | npm run build | public | Gatsby |
| Hugo | Hugo | hugo | public | Hugo |
| Jekyll | Jekyll | bundle exec jekyll build | _site | Jekyll |
| Next.js | Next.js | npm run build | out | Next.js |
| Nuxt | Nuxt | nuxt generate | .output/public | Nuxt |
| Plain HTML | static HTML | none | . | Plain HTML |
| React + Vite | React + Vite | npm run build | dist | React + Vite |
| Svelte (Vite) | Svelte | npm run build | dist | Svelte (Vite) |
| SvelteKit (adapter-static) | SvelteKit (adapter-static) | npm run build | build | SvelteKit |
| Vite | Vite | npm run build | dist | Vite |
| Vue (Vite) | Vue | npm run build | dist | Vue (Vite) |
Build commands and output folders come from each framework’s validation evidence. Frameworks without a passing validation run are listed as coming soon.