itsnitinr / vscode-portfolio

A VSCode themed developer portfolio built using Next.js

Home Page:https://vscode-portfolio.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[feature] Monaco Editor integration

itsnitinr opened this issue · comments

Is your feature request related to a problem? Please describe.
To make the website look more VSCode-esque, I could integrate the Monaco Editor, which powers Visual Studio Code. However, is it worth it? Or will it make the user experience harder?

Describe the solution you'd like
https://www.npmjs.com/package/@monaco-editor/react
This package can be used to easily integrate Monaco with Next.js and use it on read-only mode.

Describe alternatives you've considered
An alternative is to code a mock layout that mimics Visual Studio Code without the actual editor functionality. Special precautions can be taken to achieve a better user experience or I can ditch the whole layout idea itself and keep it simple.

Additional context
One of the major issues with integrating Monaco is to define a custom theme for Monaco. Might be too much effort just to get the UI to look consistent with the theme.

Screenshot_20210526_204419