question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Use Vercel to host the app

See original GitHub issue

Using the GitHub page to host the app has several drawbacks:

  1. Not easy to preview the pending change
  2. No existing CI/CD support
  3. No way to have a preview version for PR

I suggest using https://vercel.com/ to host the app. This is a version I deployed: https://test.xcv58.vercel.app/conwnet/github1s/blob/HEAD/src/vs/code/browser/workbench/workbench.ts

There are two drawbacks:

Price

And the drawback is Vercel is not a free service but the price is cheap https://vercel.com/pricing. I paid around $3 per month and the majority part is custom domains.

And I can help to request a free or discounted account for this project.

image

CI/CD setup

I don’t know whether Vercel supports the toolchain to build VSCode. I could reach to their customer support to check whether there is any similar setup/use-case.

But in the worst case, we could use CircleCI (free service) to build the artifact and integrate it with Vercel.


Just for reference

The steps to deploy under my Vercel account:

  1. Run yarn & yarn build
  2. cd dist and make a vercel.json file with the content:
{
  "routes": [{
      "src": "/static/(.*)",
      "dest": "/images/$1"
    },
    {
      "src": "/favicon.ico",
      "dest": "/favicon.ico"
    },
    {
      "src": "/manifest.json",
      "dest": "/manifest.json"
    },
    {
      "src": ".*",
      "dest": "/index.html"
    }
  ]
}
  1. Install the Vercel CLI https://vercel.com/download
  2. Run vercel login command to login
  3. Run vercel to deploy.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:14 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
Siddhant-K-codecommented, Feb 22, 2021

I Guess, All Done Here. Can we close this issue?

1reaction
xcv58commented, Feb 21, 2021

PR to fix the Vercel preview issue #164

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to Deploy a React Site with Vercel
Push your code to your git repository (GitHub, GitLab, BitBucket). · Import your React project into Vercel. · Vercel will detect that you...
Read more >
Deploy a React app for free using Vercel - LogRocket Blog
Explore two major methods for deploying a React app to Vercel: manual deployment and terminal deployment via the Vercel CLI.
Read more >
How To Deploy a React App With Vercel and GitHub - Telerik
We have created a new React project already, so head back to the terminal and run the command from the section titled “…or...
Read more >
Deploy to Vercel - Deploying Your Next.js App
The easiest way to deploy Next.js to production is to use the Vercel platform developed by the creators of Next.js. Vercel is a...
Read more >
How to deploy an Express API to Vercel - Shadow Smith
Have a project that uses a slow but free Heroku dyno to host some Node server ... res.send("Express on Vercel"); }); // Initialize...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found