Create a new GitHub repository called blockly-websocket-server (or any name you prefer).
Make sure these files are at the ROOT of your repository:
server.jspackage.json
Do NOT create any subdirectories.
-
Go to Render.com
-
Click "New" and select "Web Service"
-
Connect to your new GitHub repository
-
Configure as follows:
- Name:
blockly-websocket-server(or any name you prefer) - Environment:
Node - Build Command:
npm install - Start Command:
node server.js - Plan: Free
- Name:
-
Click "Create Web Service"
-
Wait for deployment to complete
- After successful deployment, copy the Render.com URL
- Convert it from
https://towss:// - Add it to your Vercel project as
NEXT_PUBLIC_WEBSOCKET_URL
For example:
- Render URL:
https://blockly-websocket-server.onrender.com - WebSocket URL:
wss://blockly-websocket-server.onrender.com
Run vercel --prod from your Next.js project directory to update with the new WebSocket URL.