/uber-blockchain-nextjs

Uber Blockchain NextJS Clone

Primary LanguageJavaScriptMIT LicenseMIT

Uber NextJs Blockchain Clone

  • Web 3.0
  • Metamask
  • NextJS 12
  • Sanity.io
  • Mapbox
  • TailwindCSS

Getting Started

Make sure you have Metamask browser extension installed with a wallet attached.
No real transactions will take place. 😊


1) Create your .env file

Use .env.template to create your own .env file.
Paste in your Sanity.io and Mapbox project/token info.


2) Install dependencies

npm install

3) Create your Sanity.io project

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


4) Run the NextJS App

Then, from this project's root folder, run the NextJS development server:

npm run dev

Open http://localhost:3000 with your browser.



screenshot