Carhive screenshot

Carhive

Author Avatar Theme by Eduamdev
Updated: 13 Sep 2024
166 Stars

A car rental website built with Next.js (App Router) and TypeScript featuring dynamic routing, a responsive UI with Tailwind CSS, Clerk authentication, Vercel Postgres, Drizzle ORM, and Cloudinary for images. It includes search filters, an infinite logo slider, and Stripe integration

Categories

Overview:

Carhive is a car rental website built with Next.js. It utilizes App Router and various technologies to create a functional rental platform. Please note that the application is still a work in progress.

Features:

  • Routing, Layouts, and Nested Layouts: Organized navigation and page layouts.
  • Server and Client Components: Utilizes components for server-side and client-side rendering.
  • Styled with Tailwind CSS: A responsive user interface designed using Tailwind CSS.
  • UI Components with Shadcn/ui: Custom UI components for enhanced user experience.
  • Interactive Map View with Leaflet: Incorporates an interactive map view feature.
  • Form Validation with React Hook Form and Zod: Ensures data input is accurate and validated.
  • Authentication with Clerk: User authentication and management system.
  • Serverless SQL with Vercel Postgres: Utilizes Vercel Postgres for serverless SQL operations.

Installation:

  1. Install dependencies using pnpm:
    pnpm install
    
  2. Set up environment variables:
    • Copy the .env.example file to .env.local at the root of the project.
    • Update the .env.local file with your specific configuration details.
  3. Seed initial data:
    • Run the necessary commands to seed initial data.
  4. Start the Development Server:
    • Begin the local development server to run the application.

Summary:

Carhive is a car rental website that leverages Next.js to create a dynamic platform with features such as interactive maps, form validations, and user authentication. By following the provided installation guide, users can set up the application locally and explore its functionalities.