Deploy your Node.js, React, and Next.js apps to Render — without leaving VS Code.
Stay in your editor, keep your flow, and ship changes faster.
✨ Unique Selling Points
1. One-Click Deploys
Trigger a deploy straight from VS Code. No need to switch to the Render dashboard or click through menus.
2. Secure API Key Management
Store your Render API key securely with VS Code secrets.
Update or clear keys anytime.
Never hardcode your API credentials again.
3. Zero Manual IDs Needed
Just paste your API key — no Owner ID or Service ID required.
Extension auto-detects your Render account/team (ownerId).
Lists all existing services so you can simply pick one.
4. Project Auto-Configuration
Detects Node.js, React, Next.js, or Express apps.
Auto-fills build and start commands from package.json.
Converts git@ URLs to HTTPS for Render compatibility.
5. Commit-Aware Deploys
Choose which commit to deploy (latest or specific SHA).
Great for rolling back or testing specific features.
6. Environment Variables Sync
Scans your local .env file.
Confirm-first sync to Render.
Saves you from copy-pasting secrets into the dashboard.
7. Deployment Monitoring
Real-time status updates (queued → building → live).
See deploy progress inside VS Code Output panel.
Notifications when your app is live.
8. Status Bar Shortcut
Adds a "☁ Deploy to Render" button to VS Code’s status bar.
Zero friction for frequent deploys.
🔧 Getting Started
Install this extension from the VS Code Marketplace.
Run Render: Set API Key (Ctrl+Shift+P) and paste your Render API key.
Open your project folder (with git + package.json).
Click the Render button in the status bar or run Render: Deploy.
Select your service and commit → done! 🎉
❤️ Why Render Deploy?
Because deploying should feel as simple as “Commit → Click → Live”.
No context-switching, no repeated dashboard trips, just shipping your code from the editor you love.
