DocsAdvanced

Preview

Open the AI's dev server or any local URL right inside KingCoding.

What Preview Is

Preview opens your in-progress app or site inside a KingCoding view. Start `npm run dev` or `pnpm dev` from the project's terminal, then open the local URL inside the app.

Automatic Port Detection

When a dev server starts, KingCoding can use the URL or port printed in the output as a preview candidate. Open it from "Open preview" on the project page.

  • Knows the defaults for Next.js, Vite, Remix, and similar frameworks
  • Uses any URL printed in the output
  • Lets you choose when several candidates show up

Using Preview

  • Start the dev server from the project's terminal
  • Click "Open preview"
  • The URL opens in the embedded view

Limitations

  • Local only — public URLs aren't the target
  • Auth flows work, but state may reset when the preview closes
  • Sites that block iframes can't render in the embedded view (KingCoding falls back to your external browser)
← PreviousTerminalNext →Git Integration