This is a Next.js project. The UI library used is Tailwind and Headless UI. This repo use yarn as the package manager.
After cloning the repos for the first time:
- Set up the Google Maps API key by Enable Google Maps Places API.
- Get an API key.
- Create a file name
.env.local
NEXT_PUBLIC_API_URL=<API_URL>
NEXT_PUBLIC_GOOGLE_MAPS_API_KEY=<GOOGLE_MAPS_API_KEY>
yarn install
to install all of the required library
yarn dev
- Open http://localhost:3000 with your browser to see the result.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
To learn more about the maps library:
- This use-places-autocomplete GitHub repository, which provides more examples and information on how to use the library