Configuration

Adding personal Configuration

After Downloading The package from codecanyone and extract it , Opening it with your Code Editor, VScode (Recommended)

Open your terminal and move to the folder where you extracted your project, if you are using vs code you can open VScode terminal

1 - First we need to install all the dependency, from the root of the project run this command:

npm install --force

npm install --force

2 - We configure sanity and import default (demo) data

npm start

npm start

you will be asked few questions:

• The current folder contains a configured Sanity studio. Would you like to reconfigure it?,

Choose Y

Assuming you are already have an account with sanity if not create new one and link your account by following the steps below as it's shown in the picture

after you authenticate, you will be asked to either create a new project or choose one if you already have one, as it's hown in the picture above

3 - importing demo data

to import the data we need to run this command

npm run importDB

You will be asked to either create a new dataset or choose one from the list below

Choose production if this is your first try

Everything should be set now, to run the project localy all you have to do is to run this command npm run dev

It will open under:

http://localhost:3000

And studio under :

http://localhost:3000/studio

Required changes is to fill .env.local file with your own IDs and Keys

First rename .env.local.exmaple to .env.local

then fill all the missing information

• Adding Sanity setting to .env file, If you don't know How please Follow this Tutorial on How to Create Account on Sanity

• Add Google Map API key, Follow this tutorial on How to get Google Maps API

• Add emailjs IDs and Key, Follow This Tutorial on How to create Account on Emailjs

• Add your domain Name In REACT_APP_BASE_URL=

• add auth0 credentials

How to deploy it to Vercel?

Please follow this tutorial it will guide you step by step https://vercel.com/guides/deploying-react-with-vercel