Quickstart

Go from an empty workspace to a live, deployed app in about five minutes — create, configure, code, preview, deploy.

Quickstart

This guide takes you from zero to a deployed application in roughly five minutes. It is beginner friendly — you only need a VibeCaaS account, a modern browser, and basic web development knowledge.

If you haven't set up VibeCaaS yet, see Installation first.

Prerequisites

  • A VibeCaaS account — sign up free from your dashboard
  • A modern web browser (Chrome, Firefox, Safari, or Edge)
  • Basic familiarity with HTML, CSS, and JavaScript

Step 1 — Create a new project

From your dashboard, open the Projects page and click New Project. Choose a template or start from scratch:

  • React + Vite — a modern React setup
  • Next.js — full-stack React with the App Router
  • Express API — a REST API backend

Step 2 — Configure your project

Give the project a name and confirm the basics. A typical configuration looks like:

SettingValue
Project namemy-awesome-app
FrameworkReact + Vite
Node version20.x

Need environment variables? Add them under project settings:

VITE_API_URL=https://api.example.com
VITE_APP_NAME=My Awesome App
NODE_ENV=development

Step 3 — Start coding

Open the IDE and start building. Here's a minimal App.jsx to get going:

function App() {
  return (
    <div className="container">
      <h1>Welcome to VibeCaaS!</h1>
      <p>Start editing this file to build your app.</p>
    </div>
  );
}
 
export default App;

Tip: Press Cmd/Ctrl + K to open the AI Assistant. Ask it to generate code, fix errors, or explain a concept without leaving the editor.

Step 4 — Preview your app

Click the preview button or press Cmd/Ctrl + S to see your changes live. The preview pane hot-reloads as you edit, so you get instant feedback.

Step 5 — Deploy to production

When you're happy, deploy with one click. VibeCaaS builds an optimized bundle and pushes it to a global CDN. Your app goes live at a URL like:

https://my-awesome-app.vibecaas.app

You can attach a custom domain at any time.

Prefer the command line?

The whole flow works from the CLI too:

npm install -g @vibecaas/cli
vibecaas create my-app
cd my-app
vibecaas dev
vibecaas deploy

What's next