cfngc4594
1142cb950f
This commit splits the home page into two halves: - The left half displays a preview of the problem description using the `MdxPreview` component. - The right half provides a code editor using the `CodeEditor` component. This improves the user experience by allowing users to view the problem description and write code simultaneously.
monaco-editor-lsp-next
✨ A Next.js integration of Monaco Editor with LSP support, free from SSR issues.
🚀 Quick Start
🐳 Using Docker (Recommended)
# Clone repository
git clone https://github.com/cfngc4594/monaco-editor-lsp-next
cd monaco-editor-lsp-next
# Start containers in detached mode
docker compose -f ./docker/compose.yml up -d
🔧 Manual Setup
# Clone repository
git clone https://github.com/cfngc4594/monaco-editor-lsp-next
cd monaco-editor-lsp-next
# Start specific containers (lsp-c and lsp-cpp) in detached mode
docker compose -f ./docker/compose.yml up -d lsp-c lsp-cpp
# Install project dependencies using Bun package manager
bun install
# Run the development server
bun run dev
⚙️ Configuration
LSP Server Settings
| Language | LSP Server | Port |
|---|---|---|
C |
clangd |
4594 |
C++ |
clangd |
4595 |