Skip to content

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.

FrameworkDetected nameBuild commandOutput folderGuide
AstroAstronpm run builddistAstro
AngularAngularnpm run builddist/app/browserAngular
Create React AppCreate React Appnpm run buildbuildCreate React App
DocusaurusDocusaurusnpm run buildbuildDocusaurus
EleventyEleventynpm run build_siteEleventy
GatsbyGatsbynpm run buildpublicGatsby
HugoHugohugopublicHugo
JekyllJekyllbundle exec jekyll build_siteJekyll
Next.jsNext.jsnpm run buildoutNext.js
NuxtNuxtnuxt generate.output/publicNuxt
Plain HTMLstatic HTMLnone.Plain HTML
React + ViteReact + Vitenpm run builddistReact + Vite
Svelte (Vite)Sveltenpm run builddistSvelte (Vite)
SvelteKit (adapter-static)SvelteKit (adapter-static)npm run buildbuildSvelteKit
ViteVitenpm run builddistVite
Vue (Vite)Vuenpm run builddistVue (Vite)

Build commands and output folders come from each framework’s validation evidence. Frameworks without a passing validation run are listed as coming soon.