Deployment Configuration
Oblien provides flexible configuration options to match your project's specific needs.
Framework Selection
While Oblien auto-detects your framework, you can manually override it:
Supported Frameworks
Framework | Build Command | Output Directory |
---|---|---|
Next.js | npm run build | .next |
React (CRA) | npm run build | build |
Vue | npm run build | dist |
Nuxt | npm run build | .output |
SvelteKit | npm run build | build |
Angular | npm run build | dist |
Vite | npm run build | dist |
Static | N/A | ./ |
Build Settings
Install Command
The command used to install dependencies:
npm install
For other package managers:
yarn install
pnpm install
bun install
Build Command
The command to build your production bundle:
npm run build
Make sure your package.json
includes the corresponding script!
Output Directory
Where your build artifacts are located:
- Next.js:
.next
(for server builds) orout
(for static export) - React/Vue/Vite:
dist
orbuild
- SvelteKit:
build
or.svelte-kit
- Static Sites:
./
(root directory)
Root Directory
If your project is in a monorepo or subdirectory:
./packages/web
./apps/frontend
./client
Runtime Settings
Port
The port your application runs on (default: 3000
):
3000 # Most Node.js frameworks
8080 # Alternative common port
5000 # Flask, older frameworks
Oblien automatically configures the PORT
environment variable for your application.
Start Command
For server-rendered applications:
npm start
node server.js
npm run start:prod
Server Mode
- Static: Serve pre-built HTML/CSS/JS files
- Server: Run a Node.js server for SSR/API routes
Branch Configuration
Default Branch
The branch to deploy from (usually main
or master
).
Available Branches
You can deploy from any branch in your repository:
- Select branch from dropdown
- Click Deploy
- Each branch can have its own deployment
Advanced Options
Custom Build Environment
Coming soon: Custom environment variables, Node.js version selection, and build timeout configuration.
Monorepo Support
For monorepos, specify:
- Root directory of your app
- Package manager workspace configuration
- Build dependencies
Example for Turborepo:
{
"rootDirectory": "./apps/web",
"buildCommand": "npm run build --filter=web"
}
Configuration Examples
Next.js App Router
Framework: Next.js
Build Command: npm run build
Output Directory: .next
Port: 3000
Server Mode: Server
Static React App
Framework: React
Build Command: npm run build
Output Directory: build
Server Mode: Static
Nuxt 3 Application
Framework: Nuxt
Build Command: npm run build
Output Directory: .output
Port: 3000
Server Mode: Server
Vite + React
Framework: Vite
Build Command: npm run build
Output Directory: dist
Server Mode: Static
Best Practices
- Test Locally First: Always ensure
npm run build
works locally - Use Standard Commands: Stick to conventional npm scripts when possible
- Check Dependencies: Ensure all build dependencies are in
package.json
- Optimize Build: Use production builds for better performance
- Review Logs: Check build logs if something doesn't work as expected
Need More Control?
For complex use cases, you can:
- Create custom build scripts in your repository
- Use build hooks (coming soon)
- Contact support for enterprise configurations