carhive
carhive copied to clipboard
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...
CarHive
A car rental website built with Next.js (App Router).
Warning This app is a work in progress.
Features
/appdir- Routing, Layouts and Nested Layouts
- Server and Client Components
- Loading UI
- Metadata files
- Responsive User Interface
- Styled using Tailwind CSS
- UI Components built using Shadcn/ui
- Interactive Map View using Leaflet
- Validations using Zod
- Form Validation using React Hook Form
- Authentication and User Management with Clerk
- Serverless SQL using Vercel Postgres
- Image Management using Cloudinary
- Infinite Logo Slider
- Search Bar
- Advanced Filters
- Code Linting
- Written in TypeScript
Prerequisites
Before running the application, ensure you have the following installed:
- Node.js (v18+)
- pnpm
- Vercel account and a Postgres Database created
- Cloudinary account
- Clerk account
Running Locally
- Install dependencies using pnpm:
pnpm install
- Set up environment variables
-
Copy the
.env.examplefile to.env.localat the root of the project:cp .env.example .env.local -
Update the
.env.localfile with your configuration details
- Seed initial data:
pnpm seed
- Start the Development Server:
pnpm dev