Info

A full-stack social media app with Next.js.

Try here: https://nextjs-social-media-app-five.vercel.app

Account: Test Password: 11111111

Getting Started

First, copy .env.example to .env, setting up your own env

Second, dependencies install through npm i --legacy-peer-deps

Then, run npx prisma generate and npx prisma db push

Then, run npm run dev

Feature and Technologies

-Next.js 15 -Server actions and server components
-TanStack React Query
-Optimistic updates
-Infinite scrolling feeds
-File uploads with drag & drop and copy-paste support (UploadThing)
-Like system
-Follow system
-Comment system
-Notification system
-Bookmarks
-Lucia authentication (username/password)
-Postgres DB with Prisma ORM
-Hashtags & mentions
-Full-text search
-Advanced caching & revalidation
-Mobile-responsive layout with Tailwind CSS & Shadcn UI components
-Dark theme, light theme, and system theme
-Real-time form validation with React Hook Form & Zod
-TipTap editor
-Deploy on Vercel & set up cron job -IDE setup with Prettier & plugins