Twitter Clone: A Next.js 14 project with SASS, TailwindCSS, Framer motion, TypeScript, Tanstack Query, MongoDB, Prisma, NextAuth and Zustand
https://x.com/imDignesh/status/1784166713694773756
Alt + T
git clone https://github.com/devdignesh/twitter-clone.git
cd twitter-clone
npm i
npm run dev
Before running the development server, make sure to create .env
file in the root directory of the project and add the required environment variables. You can use the example provided in the repository as a starting point.
cp .env.example .env
This project leverages the power of Prisma ORM for seamless database interaction. Prisma provides a modern database toolkit that simplifies database access, allowing for efficient querying, migrations, and schema management.
Run the following command to generate the Prisma client:
cp npx prisma generate
This command generates TypeScript typings for Prisma Client based on your database schema.
After generating the Prisma client, ensure that any changes made to the database schema are synchronized with the actual database. Run the following command:
cp npx prisma db push
This command applies any pending migrations to the database, ensuring that the local database reflects the latest schema changes made in the codebase.
🔗 Useful Links:
This project includes Docker support for easier development and deployment.
git clone https://github.com/devdignesh/twitter-clone.git
cd twitter-clone
docker pull devdignesh/twitter_clone_nextjs:v1.1.0
docker run -d -p 8000:3000 devdignesh/twitter_clone_nextjs:v1.1.0
http://localhost:8000
Welcome to contribute to our repository! We value your input and appreciate any contributions you make