Please follow the instructions. After Configure your .env.local file will look like this: - NEXT_PUBLIC_STRIPE_KEY="your stripe key" //for use stripe, change with your stripe API key NEXT_PUBLIC_API_BASE_URL=your api base url // base API URL, when run on localhost/dev server. To deploy a Next.js application on Vercel, you can follow these steps: - Sign up for an account on Vercel if you don't have one already. Connect your GitHub, GitLab, or Bitbucket repository where your Next.js application is hosted. Import your repository on Vercel and select the Next.js project to be deployed. Vercel will automatically detect your Next.js application and perform the necessary build and deployment steps. Once the deployment is complete, you'll be able to access your application using the URL provided by Vercel. When you import your GitHub repository on vercel by creating a project, you will see an option for Environment Variables, just click on that and give you a local .env all variable with the value. then click on deploy. Note first you will need to import and deploy backend, so that you can use that backend live url as harri-front-end and harri-backend and harri-admin base url. screenshot Note: Make sure your Next.js application is set up properly, including the correct dependencies and environment variables. You may also need to configure your application to work with Vercel's platform.
Please follow the instructions in the video to see how you can install react on your hosting: For local host - Open you command prompt npm install or npm install --legacy-peer-deps npm run dev (will start the dev server at http://loaclhost:3000)
