Integracion de frameworks

InstaTunnel works seamlessly with all major development frameworks. Here are optimized setups for popular tools and frameworks.

Frontend Frameworks

RReact & Create React App

# Start your React app
$ npm start
# In another terminal
$ instatunnel 3000
# Or use auto-detection
$ instatunnel

React development servers typically run on port 3000. InstaTunnel automatically detects this and creates your tunnel instantly.

Pro Tips for React:
  • • Use --subdomain my-react-app for consistent URLs during development
  • • Test responsive design by accessing the tunnel URL on mobile devices
  • • Share with designers for real-time feedback on UI changes

NNext.js

# Start Next.js development server
$ npm run dev
# Expose to internet
$ instatunnel 3000 --subdomain my-nextjs-app

Perfect for testing SSR, API routes, and sharing Next.js applications with clients or team members.

Next.js Specific Benefits:
  • • Test API routes with external services
  • • Share SSR applications for SEO testing
  • • Test dynamic imports and code splitting
  • • Webhook testing with API routes

VVue.js & Vite

# Vue CLI
$ npm run serve
# Vite (default port 5173)
$ npm run dev
# Create tunnel
$ instatunnel 5173 # for Vite
$ instatunnel 8080 # for Vue CLI

Vite uses port 5173 by default, while Vue CLI uses 8080. InstaTunnel auto-detects both.

AAngular

# Start Angular development server
$ ng serve
# Expose to internet
$ instatunnel 4200

Angular CLI serves on port 4200. Perfect for sharing prototypes and testing PWA features.

Backend Frameworks

EExpress.js

# Start your Express server
$ node server.js
# Or with nodemon
$ nodemon server.js
# Create tunnel (adjust port as needed)
$ instatunnel 8000 --subdomain my-api

Perfect for API development, webhook testing, and sharing backend services.

Express.js Use Cases:
  • • Test webhooks from external services
  • • Share API endpoints with frontend developers
  • • Test authentication flows with OAuth providers
  • • Debug API issues with real-world clients

LLaravel

# Start Laravel development server
$ php artisan serve
# Or with custom port
$ php artisan serve --port=8080
# Create tunnel
$ instatunnel 8000 # default Laravel port
# Or use framework shortcut
$ instatunnel --laravel

Great for testing Laravel applications, sharing with clients, and webhook integrations.

FFlask (Python)

# Start Flask development server
$ python app.py
# Or with flask run
$ flask run --port=5000
# Create tunnel
$ instatunnel 5000

Flask typically runs on port 5000. Perfect for ML model APIs and Python web services.

Static Site Generators

Gatsby

$ gatsby develop
# Usually port 8000
$ instatunnel 8000

Perfect for sharing static sites and testing GraphQL queries.

Jekyll

$ jekyll serve
# Usually port 4000
$ instatunnel 4000

Great for GitHub Pages development and blog previews.

Hugo

$ hugo server
# Usually port 1313
$ instatunnel 1313

Fast static site sharing and content preview.

Nuxt.js

$ npm run dev
# Usually port 3000
$ instatunnel 3000

Vue.js SSR applications and universal apps.

Development Environment Integration

Package.json Scripts

Add InstaTunnel to your npm scripts for quick access:

{
"scripts": {
"dev": "next dev",
"tunnel": "instatunnel 3000",
"tunnel:named": "instatunnel 3000 --subdomain my-project",
"dev:shared": "concurrently \"npm run dev\" \"npm run tunnel\""
}
}
# Usage
$ npm run tunnel
$ npm run tunnel:named
$ npm run dev:shared # Starts dev server AND tunnel

Docker Integration

# Add to docker-compose.yml
services:
app:
build: .
ports:
- "3000:3000"
tunnel:
image: instatunnel/cli
command: instatunnel 3000 --subdomain my-docker-app
network_mode: host

Run InstaTunnel alongside your containerized applications for easy sharing.

⚡ Universal Tip: Most development servers can be auto-detected by running just instatunnel without a port number. InstaTunnel will scan common ports and connect to the first running application it finds.

Necesitas una ruta rapida?

Mira planes y luego sigue una guia cuando quieras.

For MCP endpoints on Pro/Business, use instatunnel 8787 --mcp.

Documentacion | InstaTunnel