Expose your Vite dev or preview server through a Cloudflare quick tunnel: a random, public https://*.trycloudflare.com URL. No Cloudflare account, API token, or wrangler config needed.

  VITE v7.3.1  ready in 1355 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: http://192.168.1.5:5173/
  ➜  Tunnel:  https://quarters-engagement-plastic-moments.trycloudflare.com/
  ➜  press t + enter to start or close tunnel
  ➜  press h + enter to show help

• Tunnel URL in Vite's URL block — printed alongside Local:/Network:, not as a stray log line.
• t + enter shortcut — open or close the tunnel at runtime (Vite ≥ 7.2.7; key configurable).
• autoStart: false — don't auto-start; the shortcut can still open a tunnel on demand.
• Works with vite dev and vite preview — share the dev server or a production build.
• Self-contained — downloads the latest official cloudflared binary on first use (via node-cloudflared; pin a version with the CLOUDFLARED_VERSION env var), cached under ~/.cache and shared across repos; tears the process down when the server exits.

// vite.config.ts
import { defineConfig } from "vite";
import cloudflareQuickTunnel from "vite-plugin-cloudflare-quick-tunnel";

export default defineConfig({
  plugins: [
    // Start a tunnel automatically with the server:
    cloudflareQuickTunnel(),

    // Preferred: only open a tunnel on demand, with `t + enter`:
    // cloudflareQuickTunnel({ autoStart: false }),

    // Disable the plugin entirely — the plugin equivalent of buying
    // a treadmill to hang clothes on:
    // cloudflareQuickTunnel({ autoStart: false, shortcutKey: false }),
  ],
});

Use onUrl to publish the tunnel URL to other tools — write it to a file when the tunnel opens, and remove the file when it closes:

// vite.config.ts
import { writeFileSync, rmSync } from "node:fs";
import { defineConfig } from "vite";
import cloudflareQuickTunnel from "vite-plugin-cloudflare-quick-tunnel";

const TUNNEL_URL_FILE = ".tunnel-url";

export default defineConfig({
  plugins: [
    cloudflareQuickTunnel({
      onUrl(url) {
        if (url === null) {
          rmSync(TUNNEL_URL_FILE, { force: true });
        } else {
          writeFileSync(TUNNEL_URL_FILE, url);
        }
      },
    }),
  ],
});

onUrl runs synchronously when the tunnel closes, so a synchronous file write/remove (as above) still completes during process exit. Keep the callback resilient — a thrown error or rejected promise is logged and swallowed so it can't take the tunnel down.

A quick tunnel makes your local server publicly reachable — source modules, HMR, and any proxied backends included. Anyone with the URL can access it. Prefer autoStart: false and opening tunnels on demand, and close the tunnel with t + enter when you're done sharing.

• Quick tunnels only — no named tunnels, custom domains, or DNS/SSL management. Use Cloudflare's own tooling (or a named-tunnel plugin) for that.
• Quick tunnels don't support Server-Sent Events.