Framework Integrations

Beam automatically detects your framework and configures the optimal settings for tunneling.

✨ Zero Configuration

Just run beam dev in your project root. Beam reads yourpackage.json to identify the framework, starts your dev server, and opens a tunnel on the correct port automatically.

Terminal

npx beam dev

Next.js

Zero-config tunnel for Next.js apps

Vite

Supports React, Vue, Svelte, and more

Astro

Static & server-side rendering support

Remix

Full stack web framework support

Nuxt

The Intuitive Vue Framework

SvelteKit

Rapid development with Svelte

Angular

Platform for building mobile & desktop web apps

NestJS

Progressive Node.js framework

Gatsby

Fast static site generator

SolidStart

Fine-grained reactivity for the web

Quasar

Vue.js based framework

How Detection Works

Beam inspects your package.json dependencies to determine which framework you are using. Based on the detection, it selects the default command (like npm run dev or ng serve) and the default port number.

If your framework requires a non-standard port or command, you can always override the defaults:

Terminal

beam dev --port 8080 --command "npm run start:custom"