Deploy an Express API to Vercel

[@sloydev]

Thank your for the explainations. I've been trying for a bunch of hours to deploy my existing proyect to Vercel and none of the documentation and examples helped me. You gave me enough details to adapt my code and make it work.

[@weperfectit]

Legend. Good to see a top adn direct approach to helping others get their thinking straight about api deployment. Great advice and great presentation. 5 Stars! Thanks!

[@_ianjms]

Thank you so much!!! I've been looking for a specific guide like this for hours. You got my sub!

[@holypowerenjoyer6059]

Cool mustache, warrio

[@DiamondBroPlayz]

LOL

[@gerardsiles]

HI! how would you connect to mongo db database from the main file instead of from each model? Before this change, I was connecting from the index on src, having one single connection, but now I had to move that to each model since if I try to connect from the index file it never connects thanks!

[@AlexGomes99]

I loved this video, you saved me a lot of time figuring about deploying a serverless api on Vercel

[@alexmelikjanian508]

I do not know why, but nothing is working! I am trying to send email after submitting a form

[@adarshchhokar3818]

PLEASE make more content like this CJ. Youre such a good instructor it would be a waste not to use this gift

[@rodrigosousa4102]

I really liked it, you were straight to the point, no nonsense, very explanatory, it helped a lot

[@LeighBriody]

Really useful video , quick and straight to the point thank you !

[@ivancortez_cr]

I think you forgot the most important thing, the API should be consumed by a client. I'd love to see the cors setup since Vercel has a specific setup. The API is only for devs so any person without dev skills won't ever use that!

[@wadigzonDiazwong]

worked like charm! thanks for posting this!

[@SmartShopperPay]

Have no words! HIGHT QUALITY content as always!

[@TJKlimoski]

Thank you, this was exactly what I was looking for. Appreciate the help!

[@franciscolunamora7254]

Thanks so much for the video! Im was very confused but after watch you video i understand all haha.

[@thribsilva]

Thank you. With this video I was able to increase the maxDuration of my api routes

[@zdaniel16]

God bless you! After days of Googling and trial and error, your solution worked like a charm! Thank you!

[@MyCodingDiary]

Your enthusiasm for programming is contagious🌼😍✌. Thank you for sharing your passion with us!

[@willsterjohnson]

Isn't this an anti-pattern (lamba monolith)? Our entire application is running in a single serverless function, meaning everything which is imported is imported, parsed, and interpreted on every request. Unless Vercel does some magic behind the scenes?

[@CodingGarden]

Serverless functions have a "cold start" for the first request but are then "warm" for subsequent requests, and stay running for a certain amount of time. So yes the cold start time is potentially slower for an entire express app vs a single request handler. vercel.com/guides/how-can-i-improve-serverless-function-lambda-cold-start-performance-on-vercel

[@thyagosantoslucas3803]

Tnks guy!! here in Brazil we called peoples like u this: O Braboooo!

[@erickunzel7604]

Great video! Really useful and straight to the point. Love the mustache!

[@BlingyPES]

this helped me a lot. thanks man

[@gorkemeldeniz9579]

So where suppose to be deploy our express apis

[@CodingGarden]

fly.io render.com and railway.app are a few other options.

[@WinterSistaCh]

@@CodingGarden Are there free options for these?

[@chandrakant-karole]

thankyou so much, after spending 6 hours i finally got right solution 💖💖

[@Litleevy]

THANK YOU, YOU SAVED ME I WAS GOING CRAZY

[@codeAbinash]

I want to use path aliases here? If I use it shows server function crash.

[@benjaminangafua]

How do you get the JavaScript work?

[@HosseinOjvar]

Helpful tutorial, thank you

[@rog0079]

Great video, also, how to set env variables for our express api if we have any?

[@dixittilaji6147]

Hey thanks for this, this problem was really bugging me but after watching this i was able to host a server by myself.

[@dixittilaji6147]

btw nice moustache :)

[@weixiangng8279]

I deploy the express js with api for calling database like showing list of employee. But when try to access the api on Vercel it does not work.

[@testaccount-b3k]

I'ma check it now... Thanks a lot!

[@anilkreddya]

How can we deploy a particular project within an nx based monorepo?

[@hizkiajuan]

Works like a charm! Thanks, dude.

[@iswilson]

How would you connect to your database since the connection is being done in index.ts in src which would never execute?

[@clementadjei4396]

what do you mean by long-lived API ?

[@0xyousaf]

finally I'm successful to deploy api on vercel, finally

[@kennysus6174]

hey my css is not loading after deploying on vercel what should i do

[@coding-master-shayan]

Which theme are you using in vs code

[@afridiahmed_]

thank you for helping me out

[@TheNeobev]

This was super useful. Thx!

[@leonardodevelopper108]

@CodingGarden, hey... I followed the tuturial step by step and I got make deploy on vercel thanks for that! then I have a problem with deploy. my api has integration with database through Sequelize.js when I make deploy the server provides an error "I've install manualy node.js module in ConnectionManager._loadDialectModule" this only happaned when I try require sequelize module on my project if I don't call the module does not provides error.

[@danielcamilomontoyasanchez4122]

Me sacaste de una así rápidamente jaja gracias, un suscriptor más.

[@liliasotollamas4192]

how would it work with an sql database?

[@saranraja962]

great explain solve my issue Thankyou

[@rohitsaini7427]

Thankyou! great help.

[@JasonJBrunet]

So what is the "right" place to deploy a very simple node api for free or at least very cheap? Please don't say heroku please don't say heroku

[@kennardsugirotok7374]

I got error 500 after teh site is launched. it says This Serverless Function has crashed. FUNCTION_INVOCATION_FAILED

[@lucasborges1303]

Hey man! thank you a lot for the video. Success!

[@prajwald36]

Can't thank you enough, love you bro 🙏

[@aryankalra5640]

Thank you so much man!

[@random2059]

can I make you of api in frontend work with. {method : "GET"} and fetch(url, options) or it is not possible because it's a server less api

[@abhiram6087]

Hey man I need you help I have followed you exact process but I don't know what's happening but when I am sending request to localhost:300/myroutes(which is generated when using vercel dev command) I am getting an EADDRINUSE: address already in use :::8144 but I am not using that port anywhere please guide me on how to solve this error this is very important By the way I am using js app not ts app

[@Gabriel-zr4kz]

I was having the same issue, I've changed to 5005 and then it worked. In my case I have another app deployed to Vercel. But now my deploy never build. It's stuck on a console.log(Listening on port bla bla);

[@josemonge4604]

Very useful. Thanks! If it's just for a hobby project, there are no costs right?

[@CodingGarden]

Yeah the hobby tier is pretty generous. vercel.com/pricing

[@dogukanvaris7224]

Thank you, my secret teacher.

[@ryan_roga]

If I want to use websockets and/or long lived events, what would you say is the best, most vercel-like platform to deploy to??

[@CodingGarden]

Any service that allows you to deploy long lived containers would work. fly.io render.com and railway.app seem to have the most vercel like experience. I have several AWS Lightsail instances that I use for my websocket services. Any VPS would work.

[@jubayerahmed5257]

Thanks a lot ❤❤

[@emanueldiazvilla9538]

Amigo, eres genial. Gracias!

[@harshbhagat9394]

Love it, thanks it worked!!!

[@mrf9237]

OMG thank you!

[@NazDevZone]

Thanks a lot man.. God bless you.

[@49THEWAY]

thank you very much brother, finally i finish my 3 day errors

[@OriHalevi]

thanks so much!

[@eric-jt]

Hey thanks! iv been trying to get this to work. LoL All i needed to add was the public directory, without it the url would just download something

[@himanshutoppo4522]

anyone know the theme he's using in vscode ??

[@CodingGarden]

Right now I'm using a theme called Just Black. You can see all my settings and extensions here: github.com/CodingGarden/vscode-settings

Awesome tutorial!

[@nmiz1987]

Thank You!

[@moshimoshi_04]

can i deploy ejs??? there?

[@samjacker]

of course

[@SamuelEdorodion-g4l]

THANK YOU!!!

[@loek8638]

if you are using plain js use module syntax, otherwise you'll get an importing error and the api won't work

[@carlosalbertotabordaramire1825]

Muchas gracias por este video

[@MuhamadAzizPrasetyo]

Thank u 🎉

[@Sillymonkeies]

Thank you! God bless

[@Kira-vf7xr]

konten mu sekeren kumis mu brou, keren. Semoga sukses

[@yusufansari7618]

It works for me Thanks I wasted 3-4 hours just to get it done after watching this it took me 10 minutes only🎉🎉 though the swagger ui is not working in prod😢

[@Roamer_sea_manila]

Thank you

[@UmashankarBehera-hf4uq]

You are awesome dude Love from india

[@travelingtramp]

slipped a step??????? vercel --prod produces command not found.

[@CodingGarden]

You will need to install the vercel CLI vercel.com/docs/cli

[@yazanunis8210]

Thanks bro

[@nykoos]

Thx!

[@F4bianek]

Super amigo

[@PFOctavio]

i love you thank you so much

[@vladplaz]

Not working

[@CodingGarden]

What errors do you get?

[@vladplaz]

@@CodingGarden 404

[@mahd1_ar]

👍👍👍👍

[@hugolillo8760]

thats is the best!!!!

[@lakshman587]

Thumbnail 🔥

[@chrisbelga2235]

Lifesaver!

[@edarcode8124]

a mi no me funcionó xD FUNCTION_INVOCATION_FAILED

[@HanzlaSadaqat]

ledgend.

[@julienthomas363]

I have this error : 500: INTERNAL_SERVER_ERROR Code: FUNCTION_INVOCATION_FAILED ID: cdg1::g8rkj-1713944590231-7fa0f4d5e3b1 Here is the log GET/api Unhandled Rejection: TypeError: Cannot read properties of undefined (reading 'apply') at /var/task/node_modules/express/lib/router/index.js:646:15 at next (/var/task/node_modules/express/lib/router/index.js:265:14) Any idea why?

[@richard_shaju]

same to me

[@aytcunal]

👋

[@thegrtnx]

absolute import seems not to work.

[@SassyPantsy]

I love you.

[@sholavandan81]

I followed the same exact steps. I am getting the below error what so ever. 404: NOT_FOUND Code: NOT_FOUND ID: bom1::cbrpb-1735542960075-8c2f4aabf5ca What am I missing?

[@DigitalAlchemyst]

This is more useful than you think, however something is wrong and i cannot get this to work. I am stuck with the following error, even using your own emoji server as a test still get the error 404: NOT_FOUND Code: NOT_FOUND ID: cle1::k8v6g-1690571893453-05d38d6a7e4f Read our documentation to learn more about this error. the ID changes with each visit seems unique

[@CodingGarden]

If I had to guess, might be the rewrites in the vercel.json file. Double check your syntax there.

[@DigitalAlchemyst]

@CodingGarden thanks I'll take a look . Either way my server is a lot better in the sense I matched your setup and now it all is split up whereas I had EVERYTHING in the index file no app file no api folder it was meant to be a simple show data backend api point I added in some crud operations so the file was getting quite long but now I have more of a product I can use for multiple front end projects. Once I do hammer out this last bit I will have a solid end point to use for all front only projects in my portfolio which I feel should nicely round out a front end dev portfolio. So that's a huge use case for those wondering.

[@seanmoran8044]

@@DigitalAlchemyst Did you figure this out? I'm getting the same issue.

[@DigitalAlchemyst]

@@seanmoran8044 not yet

[@anushasurakala5975]

thank you

[@adamastooor]

THX!!

[@amrredamohamed4077]

Thank you