← All missions
Guide

vscode.dev

Guides for editing code in the browser with vscode.dev.

See the idea

Your MissionForge guide lives inside your browser

An overlay appears directly on top of Supabase and Lovable. No tab switching, no re-reading docs.

app.supabase.com/project/your-project/settings/api
MissionForgeStep 2 of 5

Copy your Project URL

Find the Project URL field below and click the copy icon. We will use this in Lovable’s environment settings.

Stylized preview. The real guide is interactive, not a screenshot.

vscode.dev gives you a real code editor directly in the browser, with no install required, which is useful for quick edits to a project you are not running locally. These guides cover how to open a repository, make a change, and get it back into GitHub without needing a full local development setup.

What vscode.dev can and cannot do

vscode.dev handles editing, viewing, and committing code well, but it does not run your project locally, since there is no terminal or local server. It is best suited for focused edits, not full development.

Opening a GitHub repo directly

Changing the domain in a GitHub repository URL to vscode.dev opens that repo instantly in a full editor, which is the fastest way to make a quick change without cloning anything.

Want to build this for real instead of just reading about it?

Frequently asked questions

Do I need to install anything to use vscode.dev?

No. It runs entirely in the browser and requires no installation, though signing in with GitHub is needed to save changes back to a repository.

Can I run my app from vscode.dev?

No. vscode.dev is an editor, not a runtime environment, so it cannot start a local server or run your app directly. It is best for editing and committing code.

Best practices

Use it for quick edits, not full projects

vscode.dev is best for small, focused changes to an existing file. For anything requiring a running server or terminal, a local setup is still the better tool.

Commit directly from the editor

vscode.dev supports committing and pushing changes back to GitHub from within the interface, which avoids needing to download and re-upload files manually.

The problem with video tutorials

Why people drop off before they finish

You're not the problem. The format is. Here's what changes when you switch to an interactive mission.

Traditional video tutorials
  • Pause, rewind, pause again, repeatedly
  • The UI has changed since recording
  • No feedback when you complete a step
  • Lose context every time you switch tabs
MissionForge walkthroughs
  • Live overlay, no tab switching ever
  • Always current: guides track the real UI
  • Instant confirmation at every step
  • Full context stays open in your browser
5 min
Avg. mission completion time
91%
Completion rate vs. 28% for videos
0
Tabs to switch during a mission
Explore more

Looking for the next thing to build? Browse every mission and find one that matches what you are trying to ship.

Browse all missions