logo
Sign In
About
Sign In
About
Features
Tech Stack
Terms & Conditions
Features
Connect US
Send Message

Tech Stack

1. Frameworks & Libraries

  • Next.js (15.1.7): The framework for React that enables SSR (Server-Side Rendering), ISR (Incremental Static Regeneration), and API routes.
  • React (19.0.0): The core JavaScript library for building UI components in a modular way.
  • React DOM (19.0.0): Used for managing the rendering of React components in the DOM.

2. Styling

  • Tailwind CSS (4.0.0): A utility-first CSS framework used for styling components efficiently.
  • Tailwind Merge (3.0.1): Helps merge Tailwind classes dynamically without conflicts.
  • Tailwind Typography (0.5.16): Provides better typography support for markdown and text-based content.
  • Bootstrap (5.3.3): A CSS framework used for responsive layouts and UI components.
  • Styled Components (6.1.15): A CSS-in-JS library for styling React components dynamically.

3. State Management & Queries

  • React Redux (9.2.0): Used for state management and global state handling.
  • TanStack React Query (5.66.6): Handles server state and caching, making API calls efficient.

4. Backend & Database

  • Sanity (3.76.1): A headless CMS used for managing content dynamically.
  • Next-Sanity (9.8.58): A wrapper for Sanity that integrates it smoothly with Next.js.
  • Sanity Plugin Markdown (5.0.0): Provides markdown support for content stored in Sanity.
  • Sanity Image URL (1.1.0): Helps generate optimized image URLs from Sanity CMS.

5. Authentication

  • NextAuth.js (5.0.0-beta.25): A flexible authentication library for Next.js, supporting multiple providers like Google, GitHub, etc.

6. UI & Icons

  • Lucide React (0.475.0): A modern and lightweight icon library for React.
  • Framer Motion (12.4.3): A powerful animation library for React.

7. Email & Loading

  • emailjs-com (3.2.0): A library used for sending emails directly from the frontend without needing a backend.
  • nprogress (0.2.0): A lightweight progress bar used for page loading indicators.

8. Error Handling & Monitoring

  • Sentry (9.1.0): A real-time error tracking and performance monitoring tool used for debugging and catching exceptions.

9. Markdown & Content Editing

  • Markdown-It (14.1.0): A fast markdown parser for handling markdown content.
  • UIW React MD Editor (4.0.5): A markdown editor with live preview.
  • MD Editor V3 (5.2.3): Another markdown editor with advanced features.

Why This Tech Stack?

The technologies used in Project Bin were carefully selected to ensure performance, scalability, and developer experience. Whether it's Next.js for SSR, Sanity for CMS, or Tailwind CSS for styling, each tool plays a crucial role in making Project Bin a powerful platform.