โก 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 |
---|---|