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:
2 - We configure sanity and import default (demo) data
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
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
Last updated
