A full-stack application with features like infinite scrolling, authentication, DMs, user tagging, trending hashtags, bookmark saving and more.
SourceCodeDemo
Why and How Was It Created?
This is my largest project—a full-stack application built with Next.js. Users must first log in or register, with the option to sign in via Google. Authentication is handled by Lucia. The feed uses React Query for efficient data fetching, caching, and real-time validation. The application supports media posts, comments, and notifications, along with direct messaging.
Features & Technologies
- Tech Stack: Next.js 15, TypeScript, Tailwind CSS
- Server/Client components
- Efficient data fetching with React Query
- Optimistic updates for smooth UX
- Infinite scrolling for posts
- Media uploads with file size limits
- Like system
- Follow system
- Comment system
- Notification system
- Direct messaging (DMs)
- Bookmarking
- Authentication (NextAuth or custom)
- Prisma ORM with PostgreSQL
- Hashtags and mentions
- Full-text search
- Caching and performance optimization
- Mobile responsive design
- Dark and Light themes
- Deployed on Vercel