https://github.com/igorbayerl/web-multiplayer-template-next-node
A good starting point if you want to create a simple web multiplayer game based on ReactJS and NodeJS.
https://github.com/igorbayerl/web-multiplayer-template-next-node
colyseus javascript multiplayer multiplayer-game-server multiplayer-online-game next nextjs pnpm-workspace react reactjs types typescript zod
Last synced: about 2 months ago
JSON representation
A good starting point if you want to create a simple web multiplayer game based on ReactJS and NodeJS.
- Host: GitHub
- URL: https://github.com/igorbayerl/web-multiplayer-template-next-node
- Owner: IgorBayerl
- Created: 2024-03-05T00:07:34.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-03-05T00:07:36.000Z (about 2 years ago)
- Last Synced: 2026-01-03T16:24:16.099Z (5 months ago)
- Topics: colyseus, javascript, multiplayer, multiplayer-game-server, multiplayer-online-game, next, nextjs, pnpm-workspace, react, reactjs, types, typescript, zod
- Language: TypeScript
- Homepage:
- Size: 98.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.MD
Awesome Lists containing this project
README
# Multiplayer Web Game
- Using Colyseus for the server
- NextJS for the client
## Project Structure
This project is divided into two primary sections:
- `client`: This is the frontend of the application powered by Next.js.
- `server`: This is the backend of the application handling API and data-related operations.
Additionally, there's a `types` folder which contains shared types and utilities that both the `client` and `server` might need access to.
## Pre requisites
Before starting, ensure you have the following installed:
1. [NodeJS](https://nodejs.org/en/download/) (version 20 or higher)
2. [pnpm](https://pnpm.io/installation) (Performance-focused package manager)
## Setting up the Project
1. **Clone the Repository**
Use the following command to clone the repository:
```bash
git clone https://github.com/IgorBayerl/multiplayer-template.git
```
2. **Install Dependencies**
After cloning, navigate to the project directory and install the dependencies using pnpm:
```bash
pnpm install
```
3. **Start the Development Servers**
To start the development servers:
- For both `client` and `server`:
```bash
pnpm dev
```
- For only the `server`:
```bash
pnpm dev-server
```
- For only the `client`:
```bash
pnpm dev-client
```
**Happy coding!**