Frontend apps

Share a local React, Vite, or Next.js app.

Frontend dev servers are easy to run locally and awkward to share. Quackshell gives the running dev server a temporary browser URL so someone can inspect the actual UI.

Common local ports

  • Vite often runs on 5173.
  • Next.js often runs on 3000.
  • React scripts often run on 3000.
  • Custom tooling may use any available local port.

Preview workflow

# Start the project normally.
npm run dev

# In another terminal, relay the same port.
quackshell-cli-alpha --port 3000

What not to change

Do not add Quackshell-specific routes, session IDs, asset paths, or frontend code. The app should keep using normal relative URLs and normal local development behavior.

For AI-generated frontend work

Ask the agent to run the dev server, confirm the local page loads, and then send a qshell link. That lets you inspect layout, interaction, and browser behavior directly instead of relying on screenshots or descriptions.

Limit

Use Quackshell for preview sessions, not a permanent public URL. For production traffic, deploy the app to a hosting platform built for public availability.