denoland / monaco-nextjs-demo

A demo Next.js app that features an in-browser IDE built with Monaco.

Monaco Next.js cloud IDE demo

This is a simple Next.js app with a cloud IDE created with Monaco Editor and Deno Deploy Subhosting API. It allows users to deploy and execute code from the browser.

Check out the full tutorial here.

Getting Started

Run the development server:

npm run dev

Open http://localhost:3000/ide with your browser to open the IDE. Enter any JavaScript code and press Run.

You can start editing the page by modifying app/ide/page.js. The page auto-updates as you edit the file.