comethrusws / breadit

A Reddit like application with Next.js, Supabase, Prisma, Tailwind, shadcn & Kinde(Auth)

🥖 Breadit

I use reddit alot, so i tried making this webapp. "Breadit" is a Reddit-like app for making communities (subreadits), posts and interacting with users in realtime, in additions to authentications. this is built using NExt.js, Supabase, Prisma, Tailwind, shadcn and Kinde(auth part)

🌟 What's Inside?

• Next.js: For a fast and scalable web application.
• Supabase: Handles our backend and authentication effortlessly.
• Prisma: Ensures our database operations are smooth and efficient.
• Tailwind CSS: Makes our app look sleek with minimal effort.
• Kinde: Simplifies user authentication.

🚀 Let's Get Started!

Follow these easy steps to get Breadit running on your local machine:

1. Clone the repository

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

2. Install the necessary dependencies

   npm install

3. Start the development server

   npm run dev

4. Open http://localhost:3000 in your favorite browser to check it out!

📁 Project Layout

• app/: Core application logic.
• components/: Reusable UI components to keep things DRY.
• lib/: Utility functions and helpers.
• prisma/: Database schema and migrations using Prisma.
• public/: Static assets like images and fonts.

🔧 Configs

• Environment Variables: create a .env file in the root directory and fill it with your environment variables.
• Tailwind CSS: customize your styles in tailwind.config.ts.
• TypeScript: TypeScript configurations are found in tsconfig.json.

🛠️ Tech Stack

• Next.js
• Supabase
• Prisma
• Tailwind CSS
• Kinde

---

cheers -x