A deployed version can be found at:
https://adopt-a-dog-brown.vercel.app
Navigate to your desired directory in your terminal. In your terminal type:
git clone https://github.com/masonroyal/adopt-a-dog
Open the code in your code editor by typing:
code adopt-a-dog
Once your code editor is open, in your code terminal type:
npm install
or if you use yarn:
yarn install
NOTE: React leafet and Next.js's SSR do not play well together due to leaflet regularly needing to call the window
object. As such, in the build version, the map is unable to be changed without reloading.
To enable a working map in the local dev environment, go to the SearchLocation component, comment out the SearchMapWithNoSSR component, and uncomment out SearchMap like this:
This will allow for map functionality in dev mode, but Next will not be able to build a production version.
In your terminal type:
npm run dev