bridge VS vercel-action

Vercel is a platform to host frontend applications and static sites but you can also host an express app using serverless functions. I've been using it for quite some time (mainly for frontend stuff) but it can also deploy your Expressjs backend! We will see how to create a Bridge app and deploy it to Vercel.

I'd suggest you have a look at Bridge https://github.com/bridge-codes/bridge. It works well with Express too, it will increase the productivity of the frontend team (espacially using multiple clients/different languages).

Website: https://bridge.codes/

Live: https://bridge.codes/studio Repo: https://github.com/bridge-codes/bridge Although the code is not perfect and may require some fine-tuning for other cases, I am still proud of the results I have achieved. Also, if you are also a backend developer, don't hesitate to tell me what you think about Bridge (Node Typescript framework), I'm always open to suggestions and willing to improve things :)

That’s what we did on the homepage https://bridge.codes, i made this specific page only to show the component

The code is here: https://github.com/bridge-codes/bridge/blob/main/www/src/pages/code.tsx You might also want to look in the components folder

Live: https://bridge.codes/code Repo: https://github.com/bridge-codes/bridge/tree/main/www

Vercel CLI - Link

The initial step involves creating a Vercel account, installing the CLI, and authenticating through the CLI.

I signed up for the Vercel service at the Hobby plan, did my first project and installed the Vercel CLI.

I had already an account on Vercel and the vercel-cli installed.

Once we've verified everything is working properly, the next step is getting our Puppeteer + NextJS application onto Vercel. There's two ways of doing this: either the Vercel CLI or via Github. For now we'll use GitHub as a deployment method. You'll want to create a new app on Vercel by clicking "Create a New Project":

Having Nodejs and Vercel CLI installed on your machine.

Images are generated by a React component and is embedded within an SVG. You can run the project locally using the Vercel CLI by running the following command in your terminal:

Not sure why Vercel CLI 28.9.0 has no way to import whole .env file or all environment variables in one project or environment. Write a simple bash script to achieve it:

Now, I want the API route to be picked up by Vercel. By default the Astro build command will not pick up these API routes in the root directory (since they are part of the (vercel build command)[https://github.com/withastro/astro/issues/5451#issuecomment-1339720682]). So to get this working in my use case, I switched to using the (Vercel CLI)[https://vercel.com/docs/cli] to build and deploy my project. After installing the cli globally with npm i -g vercel, I can run vercel build to build my project locally, and run vercel deploy --prebuilt afterwards to deploy the locally created build directly to Vercel. I also opted to disable the automatic deployments on pushes to my git repository, since I'm doing the deployments through the CLI now. Disabling the automatic deployments was done by adding a vercel.json file in the root directory, containing the following:

We have also been trying to use Github actions and have been using THIS for the Vercel deployment and this is causing even more strange behaviors: