⚡ Server-side rendering with Next.js
🍪 Cookie-based authorization with JSON web tokens
📜 Infinite scrolling feed with React Query
🖼️ Cloud image upload with Cloudinary
❤️ Like, save and comment on posts
💬 Realtime chat with Socket.io
🤝 Follow developers and build personal feed
and a lot more..
Clone this repository and install dependencies by running:
npm install #or yarn install Create a new file named config.env with the following environment variables in the root of the project folder:
PORT = MONGO_URI = JWT_SECRET = CLOUDINARY_CLOUD_NAME = CLOUDINARY_API_KEY = CLOUDINARY_API_SECRET = SENDGRID_API_KEY = SENDER_EMAIL = Create a new file named .env.local with following configuration:
NEXT_PUBLIC_BASE_URL = http://localhost:3000 For development mode, run:
npm run dev For production mode, run:
npm run build npm start Visit http://localhost:3000 or your custom port environment variable to view the app.
| Landing Page | Search |
|---|---|
![]() | ![]() |
| Personal Feed | Post & Profile Page |
|---|---|
![]() | ![]() |





