https://github.com/denoland/monaco-nextjs-demo

A demo Next.js app that features an in-browser IDE built with Monaco.
https://github.com/denoland/monaco-nextjs-demo

deno javascript monaco nextjs node

Last synced: 4 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/denoland/monaco-nextjs-demo
• Owner: denoland
• Created: 2024-02-29T05:57:11.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-02-29T06:03:37.000Z (11 months ago)
• Last Synced: 2024-09-28T06:24:39.271Z (4 months ago)
• Topics: deno, javascript, monaco, nextjs, node
• Language: JavaScript
• Homepage:
• Size: 59.6 KB
• Stars: 21
• Watchers: 4
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Monaco Next.js cloud IDE demo

This is a simple [Next.js app](https://nextjs.org) with a cloud IDE created with

[Monaco Editor](https://microsoft.github.io/monaco-editor/) and

[Deno Deploy Subhosting API](https://deno.com/subhosting). It allows users to

deploy and execute code from the browser.

[Check out the full tutorial here](https://deno.com/blog/monaco-nextjs).

## Getting Started

Run the development server:

```bash

npm run dev

```

Open [http://localhost:3000/ide](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.