Hello developers , realtime things are really mind blowing it have a lot of fun that amaze us.
In this blog post i will show you how i have played with socket.io and browser geolocation api to track user coordinates in real time.
When a new user will connect other users in app will get new user coordinates and new user will get all users coordinates.
And when someone disconnect they will disappear from app
- Chakra UI
- Geolocation API
Track Peer location using socket.io client and browser geolocation api
First, run the development server:
npm run dev # or yarn dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying
pages/index.js. The page auto-updates as you edit the file.
pages/api directory is mapped to
/api/*. Files in this directory are treated as API routes instead of React pages.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
Deploy on Vercel
The easiest way to deploy your Next.js app is to use the Vercel Platform from…