In the last issue, we practiced creating a marketplace for OrderCloud and running the sample locally. This time, we will deploy to Vercel.
![](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F1surw1cu9Bsc9R3dHcMecu%2F31df50e50a28457e6f4fc82ee922d492%2Fmadison-oren-uGP_6CAD-14-unsplash.jpg&w=3840&q=75)
Setup in Vercel
First, log in to Vercel and create a new project. As for the project, specify the GitHub repository you created last time.
![reactadminvercel01.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F1PvpIMT14r98DVbVszTvoc%2F6c6e615c938d55163dafdbf8462582c1%2Freactadminvercel01.png&w=3840&q=75)
When creating a new environment, we will add the environment values that were specified in .env.local.
![reactadminvercel02.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F3Rlp33OM4CI58CUOsTm99b%2F3444c48778fbaa77c895ff613801e589%2Freactadminvercel02.png&w=3840&q=75)
After completing the configuration, click Deploy. After a few moments, the website will be launched.
![reactadminvercel03.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F1Y9vb65jawNXDrcN615pgW%2F339140312cbd97cf4a52af0d8d182cf1%2Freactadminvercel03.png&w=3840&q=75)
Operation check
Access the launched Web site and log in as in the previous article. The administration page has been launched.
![reactadminvercel04.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F46OOzny1OK5BIvUo4zMnH5%2F93a2394c20f87e51e422793061c8b082%2Freactadminvercel04.png&w=3840&q=75)
Summary
It worked by simply bringing the settings that were run locally to Vercel as is. Although the application is not yet complete in terms of functionality, it is an application made with React, so we expect it to evolve in the future.