A car rental website built with Next.js (App Router), pre-configured with VapiBlocks.
Add you Vapi Assistant ID from Vapi AI dashboard into your .env
file.
NEXT_PUBLIC_VAPI_PUBLIC_KEY=
NEXT_PUBLIC_VAPI_ASSISTANT_ID=
/app
dir- 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
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
- Install dependencies using pnpm:
pnpm install
- Set up environment variables
-
Copy the
.env.example
file to.env.local
at the root of the project:cp .env.example .env.local
-
Update the
.env.local
file with your configuration details
- Seed initial data:
pnpm seed
- Start the Development Server:
pnpm dev