docs/content/3.client/1.deploy.md

2.4 KiB

title
Deploy

Deploying the client

Deploy with Vercel

  1. Click the Deploy button.
  2. Sign in using either a GitHub, GitLab, or Bitbucket.
  3. Follow the instructions to create a repository for movie-web.
  4. 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 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 for details. Make sure to not have a slash at the end of the URL.

  5. Click "Deploy"
  6. Congrats! You have your own version of movie-web hosted.
  7. You may wish to configure a custom domain - Please consult the Vercel docs for how to do this.

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 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 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 - Google it if the ones above don't work for you.
  9. Congrats! You have your own version of movie-web hosted.