Next.js Google Docs

A Google Document clone with simple login user page and shared /document page, develop with Nextjs, with this feature:

• Global context
• Router route
• Socket.IO
• Skeleton card (react-loading-skeleton)
• TipTap Editor (RTE)
• Tailwindcss

Table of Content

• Getting Started
• Goals
• Final consideration
• Support

Getting Started

First, run the development server:

npm run server
# or
yarn run server

Open http://localhost:3000 with your browser to see the result.

Use different tabs with same address, to see different users interact in same document.

Goals

Learn Nextjs feature, using socket.io and Tailwindcss syntax.

Final considerations

It is a demonstration mock, for the collaboration of multiple users on the same document, exploiting the potential of socket.io and the use of the components with the tailwindcss classes and the RTE component.

Support

by @_ac4mm