Social Media App - Twitter Clone - Nuxt 3 App

Tweets

Dark Mode

Tweet

Search

Challenge

The project is a Social Media App (a Twitter clone) built with Nuxt 3, Tailwind CSS and Prisma.

The code includes Auth made from scratch using JWT the ability to create posts, upload images using cloudinary, nested posts, searching functionality, post details page, responsive design using Tailwind css and much more.

Credit

The code was based on the video https://www.youtube.com/watch?v=_cM4j9_LfQk with some changes and updates.

Setup

Make sure to install the dependencies:

# pnpm
pnpm install

Clone the file .env.example and rename to .env, fills with your data.

Run prisma.

# pnpm
npx prisma generate

Development Server

Start the development server on http://localhost:3000:

# pnpm
pnpm run dev

Production

Build the application for production:

# pnpm
pnpm run build

Locally preview production build:

# pnpm
pnpm run preview