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.