Real-Time Collaboration with NextJS and Socket.IO

This is the code example of the article. It uses turbo to manage the monorepo and NextJS to the client side and Express to the server side.

Using this example

Run the following command:

npm run dev
# or
yarn dev
# or
pnpm dev

What's inside?

This repo includes the following packages/apps:

Apps and Packages

• @app/client: a Next.js app
• @app/server: a Express.js app
• types: a type library shared by both @app/client and @app/server applications
• eslint-config-custom: eslint configurations (includes eslint-config-next and eslint-config-prettier)
• tsconfig: tsconfig.jsons used throughout the monorepo

Each package/app is 100% TypeScript.

Utilities

This repo has some additional tools already setup for you:

• TypeScript for static type checking
• ESLint for code linting
• Prettier for code formatting