Skip to content

A demo showcasing Vapi AI into Nextjs apps. A car rental website built with Next.js (App Router), Vercel Postgres, Tailwind CSS, Shadcn UI and Leaflet example using VapiBlocks

License

Notifications You must be signed in to change notification settings

cameronking4/vapiblocks-car-rental-demo

 
 

Repository files navigation

CarHive

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=

opengraph-image

Features

  • /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

Prerequisites

Before running the application, ensure you have the following installed:

Running Locally

  1. Install dependencies using pnpm:
pnpm install
  1. 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

  1. Seed initial data:
pnpm seed
  1. Start the Development Server:
pnpm dev

About

A demo showcasing Vapi AI into Nextjs apps. A car rental website built with Next.js (App Router), Vercel Postgres, Tailwind CSS, Shadcn UI and Leaflet example using VapiBlocks

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 85.1%
  • JavaScript 14.0%
  • CSS 0.9%