Free tutorials
Create a Reddit Clone with Next.js7h 1m

Create a Reddit Clone with Next.js

@janmarshalcoding7h 1mIntermediate
nextjstypescriptkindeverceltailwindcssshadcnprismapostgressupabase

Source code

Free

The complete source code is free. Clone the repository and build along with the tutorial.

About this tutorial

Hey everyone, today we are going to build a full stack Reddit clone using the newest tech on the market. This means for example we will use: Next.js 14, Kinde, Supabase, Uploadthing Prisma, Tailwind etc.

Features:

  • ๐ŸŒ Next.js 14 App Router

  • ๐Ÿ” Kinde Authentication

  • ๐Ÿ“ง Passwordless Auth

  • ๐Ÿ”‘ OAuth (Google and Facebook)

  • ๐Ÿ’ฟ Supabase Database

  • ๐Ÿ–ผ๏ธ Uploadthing File Upload

  • ๐Ÿ’จ Prisma ORM

  • ๐ŸŽจ Styling with Tailwindcss and shadcn UI

  • ๐Ÿ Deployment to Vercel

  • ๐Ÿ‘๐Ÿป Up-Down Vote functionality

  • ๐Ÿ“ Comment Section

  • ๐Ÿ’ฏ Pagination

  • ๐Ÿ‘ฅ Subreddit section

  • ๐Ÿ™‹ Username generation

After the tutorial

Wiring auth by hand is the right way to learn it. Wiring it again on every product you ship is not. SyntaxKit is a Next.js starter kit with Better Auth, OAuth, and 2FA already wired in.

From $199 ยท one-time payment ยท lifetime updates