You will need:
- An idea of how to set up a Next.js web-app.
- An API key to use Google Maps + Geocode (see Maps documentation). Due to not being able to restrict usage of the API key being used server-side, the repository is currently setup with two Google API keys: one is being used on the client – therefore publicly visible – so it can be domain-restricted; the other is only used server-side, not publicly visible, and not domain-restricted. You may want to change this setup depending on how you choose to deploy.
- An Airtable base with the same form fields as are used on the map and list pages. You'll need an API key + a base key (the ID of your Airtable base) as well.
- Run
npm install
(oryarn
). - Copy the template file
.env.example
to.env
and populate with keys from earlier. - Done.
Run npm run dev
(or yarn dev
) to start the development loop.
The Copenhagen project is deployed with Zeit Now, utilising Now Secrets (see now.json file), but could be deployed wherever.
This project was forked and inspired by Dine CPH, which was built by Sebastian Winther. Big shoutout!