Build and Deploy: TWITTER clone with React, Tailwind, Next, Prisma, Mongo, NextAuth & Vercel (2023)
This is a repository for a FullStack Twitter clone tutorial using React, NextJS, TailwindCSS & Prisma.
We are going to learn funcionalities such as:
- Authentication system
- Notification system
- Image Upload using Base64 strings
- Prisma ORM with MongoDB
- Responsive Layout
- 1 To Many Relations (User – Post)
- Many To Many Relations (Post – Comment)
- Following functionality
- Comments / Replies
- Likes functionality
- Vercel Deployment
Prerequisites
Node version 14.x
Cloning the repository
git clone https://github.com/AntonioErdeljac/twitter-clone.git
Install packages
npm i
Setup .env file
DATABASE_URL=
NEXTAUTH_JWT_SECRET=
NEXTAUTH_SECRET=
Start the app
npm run dev
Available commands
Running commands with npm npm run [command]
| command | description |
|---|---|
dev |
Starts a development instance of the app |
