This project is a full-stack Reddit clone built using Next.js 13, Prisma, TypeScript, React, Tailwind CSS, and MySQL. It aims to replicate the core features of Reddit while incorporating modern web development technologies and best practices. The clone includes features such as infinite scrolling, authentication with NextAuth and Google, a custom feed for authenticated users, advanced caching using Upstash Redis, optimistic updates for a seamless user experience, modern data fetching using React-Query, a powerful post editor, image uploads and link previews, full comment functionality with nested replies, the ability to create posts, join communities, and create communities.
Live Link - https://redito.vercel.app
- Create Posts: Users can create posts, sharing their thoughts, questions, or interesting content with the community.
- Join Communities: Users can join existing communities to participate in discussions and engage with like-minded individuals.
- Create Communities: Users have the ability to create their own communities, defining the focus and rules of the community.
- Infinite Scrolling: The clone provides dynamically loading posts with infinite scrolling, allowing users to seamlessly explore content.
- Authentication using NextAuth & Google: Users can create accounts, log in, and log out using NextAuth and Google authentication for a secure and personalized experience.
- Custom Feed: Authenticated users have access to a custom feed that displays posts based on their interests and preferences.
- Advanced Caching using Upstash Redis: The application leverages Upstash Redis for advanced caching, ensuring optimal performance and response times.
- Optimistic Updates: Optimistic updates are implemented to enhance the user experience by instantly reflecting user actions, such as posting, commenting, or voting, without waiting for server confirmation.
- Modern Data Fetching with React-Query: The clone utilizes React-Query for efficient data fetching, caching, and synchronization between server and client.
- Post Editor: Users can create and edit posts using a beautiful and highly functional post editor, enabling rich text formatting and media embedding.
- Image Uploads & Link Previews: The application supports image uploads and provides link previews for a visually appealing and engaging content experience.
- Full Comment Functionality with Nested Replies: Users can leave comments on posts, reply to existing comments, and view nested comment threads for engaging discussions.
- Username Customization: Users have the ability to change their usernames, allowing for personalization and identity management.
- working on more features
The following technologies were used in building this Reddit clone:
- Next.js 13
- Prisma
- TypeScript
- React
- Tailwind CSS
- MySQL
- NextAuth
- Google Authentication
- Upstash Redis
- Tanstack React-Query