More Premium Hugo Themes Premium Nextjs Themes

Carhive

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

Carhive

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

Author Avatar Theme by eduamdev
Github Stars Github Stars: 166
Last Commit Last Commit: Sep 13, 2024 -
First Commit Created: Aug 27, 2024 -
default image

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.