itsnitinr / vscode-portfolio

A VSCode themed developer portfolio built using Next.js
https://vscode-portfolio.vercel.app
MIT License
956 stars 220 forks source link

[feature] Monaco Editor integration #3

Open itsnitinr opened 3 years ago

itsnitinr commented 3 years ago

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