nuhptr / twitter-v2

[Production] CWA Twitter Clone using nextjs13

TWITTER clone with NEXT13 , Tailwind, Next, Prisma, Mongo, NextAuth & Vercel

There are many 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

Prerequisites

Node version 20.x

Dependencies

• tailwindcss - npm install -D tailwindcss@latest postcss@latest autoprefixer@latest, for styling
• bcrypt - npm install bcrypt@latest && npm install @types/bcrypt, for hashing passwords
• next-auth - npm install next-auth@latest && npm install @next-auth/prisma-adapter@latest, for authentication
• prisma - npm install prisma && npm install @prisma/client@latest, for ORM
• react-icons - npm install react-icons@latest, for icons
• react-dropzone - npm install react-dropzone@latest, for image upload
• react-hot-toast - npm install react-hot-toast@latest, for notifications
• react-spinners - npm install react-spinners@latest, for loading
• react-toastify - npm install react-toastify@latest, for notifications
• swr - npm install swr@latest, for stale while revalidate
• zustand - npm install zustand@latest, for state management
• date-fns - npm install date-fns@latest, for date formatting
• axios - npm install axios@latest, for http requests

Setup .env file

• DATABASE_URL=
• NEXTAUTH_JWT_SECRET=(up to you)
• NEXTAUTH_SECRET=(up to you)

Package Install

• Use npm install --legacy-peer-deps to install all dependencies if use next14
• next-auth not support next14 yet
• delete package-lock.json and node_modules folder if you have any issues