How to use
- Fill in Framework, Output directory, Install command for Verceljson.
- To match “An Astro project”, enter Framework astro; Output directory dist; Install command npm install.
- Press Generate vercel.json. The summary line should be “Verceljson: framework astro, output dist”.
- Read every line under “Verceljson: framework astro, output dist” before you copy the Verceljson result.
- Press Copy for the whole Verceljson result, or Reset to restore “An Astro project”.
- For the second check, “A static output folder named public_html”, the summary should be “Verceljson: framework other, output public_html”.
Formula / how it works
Example “An Astro project” sets Framework = astro; Output directory = dist; Install command = npm install.
Verceljson returns this exact text:
Verceljson: framework astro, output dist
---
{
"framework": "astro",
"installCommand": "npm install",
"buildCommand": "npm run build",
"outputDirectory": "dist"
}
The build command stays npm run build.
Example “A static output folder named public_html” sets Framework = other; Output directory = public_html; Install command = npm ci.
Verceljson returns this exact text:
Verceljson: framework other, output public_html
---
{
"framework": "other",
"installCommand": "npm ci",
"buildCommand": "npm run build",
"outputDirectory": "public_html"
}
Framework is recorded as the short name you type.
Verceljson vocabulary for this page: vercel, framework, output, install, build, verceljson.
Verceljson pass 1 (“A static output folder named public_html”) prints:
Verceljson: framework other, output public_html
---
{
"framework": "other",
"installCommand": "npm ci",
"buildCommand": "npm run build",
"outputDirectory": "public_html"
}
The words for this pass are vercel, framework, output, install, build, verceljson.
Verceljson pass 2 (“An Astro project”) prints:
Verceljson: framework astro, output dist
---
{
"framework": "astro",
"installCommand": "npm install",
"buildCommand": "npm run build",
"outputDirectory": "dist"
}
The words for this pass are vercel, framework, output, install, build, verceljson.
Verceljson pass 3 (“A static output folder named public_html”) prints:
Verceljson: framework other, output public_html
---
{
"framework": "other",
"installCommand": "npm ci",
"buildCommand": "npm run build",
"outputDirectory": "public_html"
}
The words for this pass are vercel, framework, output, install, build, verceljson.
Verceljson pass 4 (“An Astro project”) prints:
Verceljson: framework astro, output dist
---
{
"framework": "astro",
"installCommand": "npm install",
"buildCommand": "npm run build",
"outputDirectory": "dist"
}
The words for this pass are vercel, framework, output, install, build, verceljson.
Verceljson pass 5 (“A static output folder named public_html”) prints:
Verceljson: framework other, output public_html
---
{
"framework": "other",
"installCommand": "npm ci",
"buildCommand": "npm run build",
"outputDirectory": "public_html"
}
The words for this pass are vercel, framework, output, install, build, verceljson.
Worked examples
An Astro project
Inputs: Framework: astro | Output directory: dist | Install command: npm install
Set Framework astro, then Output directory dist, then Install command npm install. Press Generate vercel.json. The Verceljson summary should read “Verceljson: framework astro, output dist”.
Result: Verceljson: framework astro, output dist
---
{
"framework": "astro",
"installCommand": "npm install",
"buildCommand": "npm run build",
"outputDirectory": "dist"
}
The build command stays npm run build.
A static output folder named public_html
Inputs: Framework: other | Output directory: public_html | Install command: npm ci
Set Framework other, then Output directory public_html, then Install command npm ci. Press Generate vercel.json. The Verceljson summary should read “Verceljson: framework other, output public_html”.
Result: Verceljson: framework other, output public_html
---
{
"framework": "other",
"installCommand": "npm ci",
"buildCommand": "npm run build",
"outputDirectory": "public_html"
}
Framework is recorded as the short name you type.
Use cases
- Check “Verceljson: framework astro, output dist” before trusting a new Verceljson input.
- Check “Verceljson: framework other, output public_html” as the second Verceljson case.
- The build command stays npm run build.
- Framework is recorded as the short name you type.
Tips & limitations
- “An Astro project”: The build command stays npm run build.
- “A static output folder named public_html”: Framework is recorded as the short name you type.
- Verceljson fields: Framework, Output directory, Install command.
- The Verceljson summary for the opening example is “Verceljson: framework astro, output dist”.
FAQ
What does “An Astro project” return?
Verceljson summary: “Verceljson: framework astro, output dist”. Full result: Verceljson: framework astro, output dist --- { "framework": "astro", "installCommand": "npm install", "buildCommand": "npm run build", "outputDirectory": "dist" }
What does “A static output folder named public_html” return?
Verceljson summary: “Verceljson: framework other, output public_html”. Full result: Verceljson: framework other, output public_html --- { "framework": "other", "installCommand": "npm ci", "buildCommand": "npm run build", "outputDirectory": "public_html" }
Which values produce “Verceljson: framework astro, output dist”?
Framework: astro | Output directory: dist | Install command: npm install
Which values produce “Verceljson: framework other, output public_html”?
Framework: other | Output directory: public_html | Install command: npm ci
How is “Verceljson: framework astro, output dist” different from “Verceljson: framework other, output public_html”?
“An Astro project” gives “Verceljson: framework astro, output dist”. “A static output folder named public_html” gives “Verceljson: framework other, output public_html”.
What does Verceljson include in the full first result?
Verceljson: framework astro, output dist --- { "framework": "astro", "installCommand": "npm install", "buildCommand": "npm run build", "outputDirectory": "dist" }
Runs entirely in your browser; nothing is uploaded. Check the output before you rely on it in production code, data or security decisions.