- Web 3.0
- Metamask
- NextJS 12
- Sanity.io
- Mapbox
- TailwindCSS
Make sure you have Metamask browser extension installed with a wallet attached.
No real transactions will take place. 😊
Use .env.template
to create your own .env
file.
Paste in your Sanity.io and Mapbox project/token info.
npm install
Create a new project at Sanity.io.
Then, go into the studio
(sanity studio) folder. Use sanity.json.template
to create sanity.json
file. Paste in your Sanity project.name and api.projectId values.
Run npm install
to install the studio dependencies.
Run sanity start
and open http://localhost:3333
Create data for Rides by referring to sample-data/rides.json
and PNGs from assets/rides
Run sanity deploy
to deploy your local changes to Sanity.io.
For more info https://www.sanity.io/docs/getting-started-with-sanity-cli
Then, from this project's root folder, run the NextJS development server:
npm run dev
Open http://localhost:3000 with your browser.