Breadit

Overview

Breadit is a modern fullstack Reddit clone designed to showcase the power of the Next.js App Router. It solves the complexity of building a high-performance community platform by leveraging modern caching strategies and a robust data model.

Features

• Infinite Scrolling: Smooth, dynamic loading of posts for an uninterrupted browsing experience.
• Advanced Caching: Utilizes Upstash Redis to cache frequently accessed data, significantly reducing latency.
• Nested Comments: Full support for nested replies, allowing for complex discussions and community engagement.
• Post Editor: A beautiful and highly functional editor for creating rich content.
• Optimistic Updates: Immediate UI feedback for actions like upvoting and commenting using React Query.

Architecture & Tech Stack

• Frontend: Next.js (App Router), Tailwind CSS, React Query, Lucide Icons.
• Backend: Prisma ORM, PostgreSQL (via PlanetScale/Aiven), Upstash Redis.
• Authentication: NextAuth.js with Google OAuth integration.
• Infrastructure: Vercel Edge Network.

Milestones & Impact

2025: Platform Modernization

• ORM Upgrade: Migrated from Prisma 6 to Prisma 7 on December 21, 2025 to leverage new driver adapters and performance improvements.
• Framework Upgrade: Migrated from Next.js 15 to Next.js 16 on October 22, 2025 to leverage the latest React features and improved performance.
• Styling Upgrade: Migrated to Tailwind CSS 4.0 on March 12, 2025, adopting the new CSS-first configuration and improved build speeds.

2024: Framework, ORM & Database Upgrade

• ORM Upgrade: Migrated from Prisma 5 to Prisma 6 on November 29, 2024 to support the latest database features and type safety.
• Framework Upgrade: Migrated from Next.js 14 to Next.js 15 on October 23, 2024 to stay aligned with the latest Next.js App Router improvements.
• Database Migration: Successfully migrated the primary database from MySQL to PostgreSQL on March 30, 2024 to leverage advanced indexing and relational features.

2023: Initial Launch & Maintenance

• Version Upgrade: Migrated from Next.js 13 to Next.js 14 on October 27, 2023 to adopt stable Server Actions and metadata APIs.
• ORM Upgrade: Migrated from Prisma 4 to Prisma 5 on July 12, 2023 to improve performance in serverless environments using the new JSON-based protocol.
• Project Launch: Successfully architected and deployed the baseline version in June 2023.
• Technical Foundation: Established a scalable design system and core technical stack with aggressive Redis caching.

Local Development

To get started with this project locally, clone the repository:

git clone https://github.com/KenTandrian/breadit.git

And copy the .env.example file into a separate .env file:

cp .env.example .env

Then fill in the required environment variables.

Acknowledgements

• Josh tried coding for the excellent tutorial series.
• Shadcn's Taxonomy repository for the post editor inspiration.