mirror of https://github.com/sussy-code/docs.git
46 lines
2.4 KiB
Markdown
46 lines
2.4 KiB
Markdown
---
|
|
title: 'Deploy'
|
|
---
|
|
|
|
# Deploying the client
|
|
|
|
## Method 1 - Vercel - Recommended
|
|
|
|
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fmovie-web%2Fmovie-web%2Ftree%2Fmaster&env=VITE_CORS_PROXY_URL,VITE_TMDB_READ_API_KEY)
|
|
|
|
1. Click the Deploy button.
|
|
1. Sign in using either a GitHub, GitLab, or Bitbucket.
|
|
1. Follow the instructions to create a repository for movie-web.
|
|
1. Configure the environment variables:
|
|
|
|
- `VITE_CORS_PROXY_URL`: Enter your proxy URL here. Make sure to not have a slash at the end of your URL.
|
|
|
|
Example (THIS IS AN EXAMPLE, IT WON'T WORK FOR YOU): `https://test-proxy.test.workers.dev`
|
|
|
|
- `VITE_TMDB_READ_API_KEY`: Enter your TMDB Read Access Token here. Please read [the TMDB page](2.tmdb.md) on how to get an API key.
|
|
|
|
- `VITE_BACKEND_URL`: Only set if you have a self-hosted backend. Put in your backend URL. Check out [configuration reference](../4.client/2.configuration.md) for details. Make sure to not have a slash at the end of the URL.
|
|
|
|
1. Click "Deploy"
|
|
1. Congrats! You have your own version of movie-web hosted.
|
|
1. You may wish to configure a custom domain - Please consult [the Vercel docs for how to do this](https://vercel.com/docs/getting-started-with-vercel/domains).
|
|
|
|
## Method 2 - Static Web Host
|
|
|
|
1. Download the file `movie-web.zip` from the latest release: https://github.com/movie-web/movie-web/releases/latest.
|
|
2. Extract the ZIP file so you can edit the files.
|
|
3. Open `config.js` in an editor such as Notepad, Visual Studio Code or similar.
|
|
4. Put your proxy URL in-between the double quotes of `VITE_CORS_PROXY_URL: ""`. Make sure to not have a slash at the end of your URL.
|
|
|
|
Example (THIS IS AN EXAMPLE, IT WON'T WORK FOR YOU): `VITE_CORS_PROXY_URL: "https://test-proxy.test.workers.dev"`
|
|
|
|
5. Put your TMDB Read Access Token inside the quotes of `VITE_TMDB_READ_API_KEY: ""`. Please read [the TMDB page](2.tmdb.md) on how to get an API key.
|
|
6. If you have a self-hosted backend server, enter your URL in the `VITE_BACKEND_URL` variable. Check out [configuration reference](../4.client/2.configuration.md) for details. Make sure to not have a slash at the end of the URL.
|
|
7. Save the file.
|
|
8. Upload **all** of the files to a static website hosting such as:
|
|
- GitHub Pages
|
|
- Netlify
|
|
- Vercel
|
|
- Etc, [there are lots of options](https://www.staticwebsitehosting.org/){target="\_blank"}.
|
|
9. Congrats! You have your own version of movie-web hosted.
|