Build Configuration
Recommended build configs for your static deployments.
Static Repo
This is an already built repository. To deploy this:
- Connect Repo
- Do not add a build command
- Do not add an output folder
Node Engine Settings
RunxBuild allows you to explicitly define the Node.js version used during build and runtime. By specifying an engines field in your package.json, you ensure consistent behavior across environments.
{
"name": "my-awesome-project",
"version": "1.0.0",
"engines": {
"node": "24.13.0"
}
}
Next.js Static Export
RunxBuild can deploy Next.js as a static site when your project is exported to HTML. Set output to "export" so Next generates the out directory.
/** @type {import('next').NextConfig} */
const nextConfig = {
output: "export"
};
module.exports = nextConfig;
Configuration:
- Build Command:
npm install && npm run build - Publish Directory:
out
package.json:
{
"scripts": {
"build": "next build --webpack"
}
}
Vite Static Site
RunxBuild automatically detects Vite projects and builds them using vite build. Set your publish directory to dist.
Configuration:
- Build Command:
npm install && npm run build - Publish Directory:
dist
Vue.js (Vite)
Configuration:
- Root Directory:
/client - Build Command:
npm install && npm run build - Publish Directory:
dist
Docusaurus
Configuration:
- Build Command:
npm install && npm run build - Publish Directory:
build
Svelte (Vite)
Configuration:
- Build Command:
npm install && npm run build - Publish Directory:
dist
Angular
Configuration:
- Build Command:
npm install && npm run build - Publish Directory:
dist/<project-name>
Astro
Configuration:
- Build Command:
npm install && npm run build - Publish Directory:
dist
{
"scripts": {
"build": "astro build"
}
}