Back to Documentation
Static Hosting

Static Sites

Deploy HTML, React, Next.js, Vue, Astro, and other static sites with automatic builds, global CDN, and instant rollbacks.

1Supported Frameworks

Berican Labs supports all major static site frameworks:

React
Next.js
Vue.js
Nuxt
Astro
Svelte
Gatsby
Hugo
Plain HTML

We auto-detect your framework and configure build settings automatically.

2Deployment Options

Deploy your static site using one of these methods:

Git Integration (Recommended)

Connect your GitHub or GitLab repository for automatic deployments on every push.

  1. Click "New Site" in your dashboard
  2. Select "Import from Git"
  3. Authorize Berican Labs to access your repository
  4. Select your repository and branch
  5. Configure build settings (auto-detected)
  6. Deploy!

Manual Upload

Upload a ZIP file or drag-and-drop your build folder directly.

3Build Configuration

Configure your build settings in the site dashboard or via a berican.json file:

{
  "buildCommand": "npm run build",
  "outputDirectory": "dist",
  "installCommand": "npm install",
  "nodeVersion": "18"
}

Common framework configurations:

  • Next.js: Output: .next or out (static export)
  • React (CRA): Output: build
  • Vue: Output: dist
  • Astro: Output: dist

4Environment Variables

Store sensitive data and configuration securely:

  1. Go to Site Settings > Environment Variables
  2. Add variables as key-value pairs
  3. Variables are encrypted and available during build

Environment variables are:

  • Encrypted at rest
  • Available during build time
  • Not exposed in client-side code (unless prefixed with NEXT_PUBLIC_ or similar)

5Instant Rollbacks

Every deployment is saved, allowing instant rollbacks:

  1. Go to Site > Deployments
  2. Find the deployment you want to restore
  3. Click "Rollback to this deployment"
  4. Your site is instantly reverted

Rollbacks are instant because we keep your build artifacts cached on our edge network.