/breadit

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

Primary LanguageTypeScript

🥖 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


cheers -x