📝 next-jsm-docs

O next-jsm-docs é uma aplicação web que permite que múltiplos usuários colaborem em tempo real na criação e edição de documentos. utiliza as tecnologias mais modernas do ecossistema React para demonstrar o poder da colaboração ao vivo e da interface reativa.

📚 Tabela de Conteúdos

1. Tecnologias Utilizadas
2. Preview
3. Recursos
4. Instalação

⚙️ Tecnologias Utilizadas

• Next.js
• TypeScript
• Liveblocks
• Lexical Editor
• Tailwind CSS
• ShadCN UI

Preview🎥

live-docs-next.1.mp4

✨ Recursos

• 🔄 Colaboração em tempo real — Múltiplos usuários podem editar simultaneamente o mesmo documento.
• 👥 Presença de usuários — Veja os cursores e nomes dos usuários que estão online no documento.
• 💬 Comentários simultâneos — Possibilidade de discussão em tempo real através de comentários.
• 📝 Editor avançado — Baseado no Lexical, com suporte a rich text (negrito, itálico, títulos, listas etc.).

🤸 Início Rápido

Siga estas etapas para configurar o projeto localmente na sua máquina.

Clonando o Repositório

git clone https://github.com/MarcosvBueno/next-jsm-docs.git
cd next-jsm-docs

Instalação

Instale as dependências do projeto utilizando o npm:

npm install

Configuração das Variáveis de Ambiente

Crie um novo arquivo chamado .env na raiz do seu projeto

Rodando o Projeto

npm run dev

Abra http://localhost:3000 no seu navegador para visualizar o projeto.