How to deploy express.js on Netlify

[@dal344]

Thank you! After so many useless tutorials, your video was the quickest and easiest to follow!

[@meiroverferst9482]

YES!

[@omscrx7490]

Exactly. Thanks to this guy

[@bag_of_pixels]

Why did you specify full path in "scripts" section like "./node_modules/.bin/netlify-lambda serve src"? It should be just "netlify-lambda serve src". Is there some specific reason for specifying full path?

[@simon-olivierdesautels2619]

Omg thank you

[@zawwarahmed2336]

Thank you very much

[@David-ky6ns]

You don't mince words bruv. Straight, to the point, and accurate. well done.

[@owenconti]

Thanks David

[@sudheer-suri]

Windows: if you are Getting 'NODE_ENV' is not recognized error , just do npm install "npm install -g win-node-env" and also replace "./node_modules/.bin/netlify-lambda" to netlify-lambda in package.json

[@abhitabhkumarpandey1513]

Thanks a lot🙏

[@footgame756]

thank you man

[@vishaldhawan420]

This is the simplest and the best tutorial for uploading NodeJS server to Netlify. Thanks dude!

[@0000oooopppp]

Are these features free?

[@owenconti]

Yes, up until certain page view limits. Check out Netlify’s pricing page

[@peresola3885]

Thanks for the video! I struggled a bit for a while because I was getting error when running npm start. It was because I was not tabing the line functions = "functions". So pay attention to that if you struggle too.

[@Rasmuskvejborg]

Tried that, but the functions folder never appeared.

[@jaytee4431]

The only resource I could find that helped me deploy to Netlify. Thanks Owen!

[@Michelobe]

Great video! this is exactly what I was looking for. I followed the video exactly and got it deployed in 10 minutes, thanks again!

[@leanbuzetabernasconi]

Hello great video but I have this when I run npm start: start > ./node_modules/.bin/netlify-lambda serve src '.' is not recognized as an internal or external command, operable program or batch file.

[@yavuzyigitoglu1287]

same here

[@lucasangelozzi9169]

You can try using 'npx netlify-lambda serve src'

[@andrewv6445]

delete the './node_modules/.bin/' part

[@MrLeddfoot36]

Thanks@@andrewv6445. Using "netlify-lambda build src" fixed this. Thanks

[@dagmawinadew2882]

Hey brother how did the functions directory appear for you out of nowhere?

[@codetoday5224]

😂😂 same bro , i am also thinking the same

[@michaellussem1777]

nice tutorial - thanks! Meanwhile the npm-script needs no longer the "./node_modules/.bin/" in front

[@alkaribeats2764]

This helped!

[@jonjon565]

ty bro

[@ethancrabb404]

I'm getting a "'.' is not recognized as an internal or external command, operable program or batch file." error when running npm start. Anyone know any fixes?

[@yosepalmanza8075]

Did you fix it?

[@simon-olivierdesautels2619]

It should be just "netlify-lambda serve src".

[@FredySandoval_123]

straight to the point, thanks this saves a lot of time.

[@fadilnatakusumah195]

Great tutorial, thank you so much. Been looking for this after so many unclear and failed tutorial. You're awesome

[@aczerobilly]

Hi, what do I do if my index html file is located into a different folder like “Views”

[@ronpb3943]

Have you solved this? In my case I don't even have an index.html file, I use a render engine, is there a way to deploy an app like that? (SSR)

[@Roronoa1062]

@@ronpb3943 Exactly my issue , trying to deploy an app that has ejs pages using render engine

[@goummoboris5194]

you created the functions without showing.. please is there any reason for this ?

[@courtneypike2867]

Thank you so much! So helpful been stuck on this for a long time

[@АйдынГалымжанулы]

what is in folder "functions"? how did you created? and what is in that folder?

[@savvasstephanides2210]

Thank you Owen. This is the best tutorial I've found integrating Express with Netlify Functions. Thanks again!

[@vuelancer]

quick and well-defined video for netlify express. Great buddy!

[@ishraq95]

whats inside functions folder? there is no functions folder in your git repo..

[@Sariimativa]

im getting this problem : Can't resolve 'aws-sdk'. please help

[@omerezra9481]

I get this error: Support for the experimental syntax 'jsx' isn't currently enabled it doesn't work on react?

[@sankalpadas7888]

It is showing me this error: ModuleNotFoundError: Module not found: Error: Can't resolve 'mock-aws-s3' Someone pls help

[@thomaskjr-rasmussen8497]

This is super solid and well produced, cheers!

[@bondys-video-kucing]

superb brother Owen!

[@omscrx7490]

Wow brilliant. Been looking for some tutorial like this. Thanks so much

[@vicky_s999]

But for me only files in that source directory is working, but my projects have multiple subdirectories. How to build files in those subdirectories ????

[@libertad83y]

Excellent tuto, thanks, I have just this warning message when running but it still working nicely : "WARNING in ../node_modules/express/lib/view.js 81:13-25 Critical dependency: the request of a dependency is an expression @ ../node_modules/express/lib/application.js @ ../node_modules/express/lib/express.js @ ../node_modules/express/index.js @ ./api.js

[@siddheshbhosale3311]

What is present inside 'functions' folder?

[@someone11233]

I am getting this error [ ModuleDependencyError: Can't import the named export 'Grammar' from non EcmaScript module (only default export is available)

[@randy-russ]

Solid tutorial, to the point, no bullshit. Thanks !

[@invinciblearmyvlogsshorts7911]

where can i keep my modals , in src or in the root folder

[@refaatbitar]

Hey Owen, great video! but I tested your example with Ejs and it got me an error of "Cannot find module ejs" although it's included. I hope you can help me with that.

[@vinibjazevich4059]

Hey Owen I keep getting cors error when trying to make a get request from my front end. I enabled cors in express but that doesn't do anything. I also added [[headers]] for = "/*" [headers.values] Access-Control-Allow-Origin = "*" to my netlify.toml file.

[@ThomasDaskalakis-j7i]

Amazing video, clear & to the point. Thank you so much!

[@ellisarmeanca2223]

from where comes the function directory bro please im stuck ?

[@mble]

3:40 Can I use npx instead?

[@hafiztemuri2408]

What your functions folder contain? Mine does not work until I manually add a folder 'functions/api' and copy all files in that folder. (I am using TS, so I have to copy all the JS generated files to functions/api, otherwise it does not work)

[@owenconti]

Do the generated files create a /functions dir?

[@hafiztemuri2408]

@@owenconti when I run the serve command it does generate the folder and all the generated JS files in it. To get it working, I have to manually create functions/api folder and move all the files from functions to functions/api. Then it works.

[@owenconti]

@@hafiztemuri2408 I haven't used TS with this, but you can try changing the `functions` directory in netlify.toml to point to your compiled functions folder, something like: functions = "dist/functions"

[@hafiztemuri2408]

@@owenconti I opened a github issue here, github.com/netlify/netlify-lambda/issues/350

[@hafiztemuri2408]

@@owenconti actually this seem to worked, I changed script to `"start": "tsc --outDir dist/api && netlify-lambda serve dist/api",` and `functions = "dist"`. Thanks for the suggestion!!!

[@panjigemilang2077]

Nice video sir! but I want to ask a question. I have a custom setting on my package.json for deploying a website on herokuapp : package.json "scripts": { "heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix client && npm run build --prefix client" } ^ How can I run this on Netlify settings? because my folder structure didn't look like yours.

[@cankp53]

thank you for sharing. I taking an error like "Function invocation failed: Error: Cannot find module 'C:\_DEV\_FLUTTER\my-app\server\functions\api'" Have you any idea about it ?

[@zancheema.youtube]

Thanks a lot man, this video really helped me. ❤️

[@TOXICJUDGE704886]

'.' is not recognized as an internal or external command, operable program or batch file. there is an error how to overcome this???

[@Rasmuskvejborg]

delete the './node_modules/.bin/' part

[@syedsaad317]

'.' is not recognized as an internal or external command, operable program or batch file.

[@Rasmuskvejborg]

delete the './node_modules/.bin/' part

[@port8073]

its telling me. The loader cant find the module

[@nathandesign98]

How can I do this but with MongoDB? I’ve been struggling for quite some time

[@maximk7816]

Yeah, I'm now trying to apply this with mongoose js.. and everything seems fine but doesn't work because of Mongo DB, throws an error _"ModuleNotFoundError: Module not found: Error: Can't resolve 'mongodb-client-encryption' in 'D:\JS_React\ToDoBook2 ode_modules\mongodb\lib'"_ UPDATE ..and I've just solved the problem by googling the error ))

[@Hiteshisharma-f3w]

I am not able to run locally. It is producing error > ./node_modules/.bin/netlify-lambda serve src '.' is not recognized as an internal or external command, operable program or batch file. Please help

[@ErlandssonA]

Maybe this is a bit late, but here is the fix: Change: "./node_modules/.bin/netlify-lambda serve src" To: "netlify-lambda serve src"

[@Roronoa1062]

@@ErlandssonA Gives this error at process.processTicksAndRejections (node:internal/process/task_queues:95:5) { opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED'

[@ErlandssonA]

@@Roronoa1062 Yeah I think all of this is outdated

[@satishkumar-hp4mu]

If i have done this in typescript, how can i convert it to use the what you have done?

[@yuvrajagarkar8942]

What is lambda , why can't we normally host like we do on heroku ?

[@permanar_]

So basically we only need the netlify-lambda to make it work on netlify, right? Anyway, I have a question about the npm script, why did you call it directly from ./node-modules/ and not something like only netlify-lambda?

[@owenconti]

I didn't know you could call local node modules without specifying the path!

[@xiaowang1672]

Thanks for the video. I deployed from my bitbucket. but It is failed. Deploy did not succeed: Deploy directory 'dist' does not exist. Could you let me know what's is the reason?

[@cvbahir2284]

Hello dear its awesome video but one question why create functions directory and in which files have so litle bit confusion.

[@HarshNarwariya-p3z]

you didn't mention about functions folder

[@EugenKondratiev]

that`s great. thanks you! quick, simple and useful

[@LordNases]

Thank you so much! Very simple and informative.

[@pallavjadav]

Thank you Owen... that helped a lot

[@yuraserdiuk9571]

how work with express.static with netlify? I cannot get the correct URL for get the image. thanks for video

[@saiminpyaekyaw3057]

how did you create functions folder?

[@owenconti]

It’s generated for you when you build the project

[@s4lmon134]

What are the advantages to having an express app with a router separate to the front end if we are just using Netlify functions, wouldn't it make more sense just deploy your functions with your front-end in a "functions" folder which will create your endpoints based off whatever they are named automatically?

[@owenconti]

I don't disagree. I think one of the advantages could be that you are able to utilize 3rd party packages that are written around express. For instance, maybe there's an express middleware that you use to log HTTP requests as an example. The video explains *how* to do it, not necessarily that you should/the use cases for it.

[@askcode1330]

how to deploy ejs developed website on netlify.how to ejs with netlify.Please provide me the solution.Thank you

[@malikbrahimi7504]

What about connecting a DB? Would you have to cloud host that elsewhere?

[@owenconti]

Yep you’d have to host elsewhere and it wouldn’t be the fastest because of the latency between netlify servers and wherever the DB is hosted

[@talbinyamin9507]

Thanks for the great video!!! but i have a problem when i trying to fetch data from the API i rcving CORS err, could u oks explain how to fix it?

[@adithyakamath8225]

If running on Chrome, you can try adding the CORS Changer extension to your browser. Think it works for Firefox too. Why this error happens? -> I'm not sure.

[@jeffpunts]

because when you use serverless, your express app is run in a browser environment instead of a node environment. most modern browsers do not allow websites to call APIs hosted across different domains.

[@rezadwiputra1416]

you can use cors package, by installing npm install cors, and use it in app like app.use(cors())

[@cameronadams4366]

what if you don't want that string '.netlify/functions/api/' in your url ? What if you just want it to be /

[@anusrim02]

Hi Owen, your videos really helpful, but I get an error on npm start, '.' is not recognized as an internal or external command. Can you help me on that. Thanks!

[@calebpena3729]

instead of specifying a path in the script try: "netlify-lambda serve src"

[@kaagman49]

@@calebpena3729 Great answer i actually thought it had something to do with the script type because i write module type. I couldn't find an answer to this problem till i found your answer!

[@Rasmuskvejborg]

delete the './node_modules/.bin/' part

[@kushaljain3870]

What did you include in your functions directory? I dont know why you cut that part OR it was an error!

[@owenconti]

You don't have to put anything in the functions directory. The netlify-lambda package automatically puts your compiled application from the src/ directory into the functions/ directory. It does this based on the netlify.toml configuration file.

[@kushaljain3870]

Oh See Media ohh ok. Thanks.

[@joyalg9174]

Very nice and quick video! Looks like you missed covering functions folder. did you create api.js under functions folder?

[@owenconti]

It is automatically created for you by the netlify dev tool

[@joyalg9174]

@@owenconti ok got it. Thanks for the quick response!

[@joyalg9174]

I halva a mono repo with 2 project(angular & express). Is it possible to place netlify.toml file inside the express app instead of root? so that it wont affect my angular build.

[@owenconti]

Set the base directory for each project in the Netlify UI, and then put each netlify.toml in the base directories

[@hugoperez1318]

Great video. My api works following these steps until I try to get information from a json database, I get a 500 Error message instead. Is this possible with netlify-lambda? It works locally but not on production.

[@owenconti]

Are there logs you can look at to debug? Are the DB credentials correct?

[@cmilner]

same issue for me - locally this works great, but as soon as it's deployed, I get a generic 500 error when trying to GET and POST. I'm using a simple file-based DB (diskdb)

[@David-ky6ns]

Hello I actually have a question about Netlify, Are external API calls allowed on their free tier? Im trying to send mail with sendGrid when I make a POST request on a certain endpoint. The mail works with Node locally, Netlify local deploying but not Netlify hosting (on MYAPP.netlify.com) . please help. also the file is here github.com/Dada-Tech/portfolio-emailer-netlify/blob/master/src/api.js Thanks in advance !

[@owenconti]

Hi David, I am not sure if Netlify blocks outgoing requests. Do you see any errors in the logs?

[@David-ky6ns]

​@@owenconti No, I dont see any errors. Maybe I'll just ask Netlify directly

[@DuyTran-ss4lu]

It's freaking great. Thanks so much

[@JohnJohn-uh2qv]

I lost at the last part, how did you deploy it to netlify, like uploaded the file, please show it.

[@owenconti]

Hi John, you have to setup a new project on Netlify's side and point the project at your git repository. I show my configuration details at 4:44 in the video. Netlify will automatically build and deploy the application whenever you push changes to the repository.

[@repuestosgse4513]

Hello, my friend, you did a great job, I'm not a Hindi speaker but I understood almost everything you did, I'm trying to deploy my project on Cyclic but I have an error that says this "Error: ENOENT: no such file or directory, stat '/var/task/client/dist/index.html'", I used Vitejs to start the client folder and I don't know if this is the main problem.

[@canvaapplessons1224]

What a lovely tutorial. Subscribed. Can you do a video on dockerization of Cordova/ionic app, like a build service to save time?

[@aishwaryanr4072]

Could you demonstrate hosting on netlify

[@owenconti]

What kind of app are you looking to host on netlify?

[@aishwaryanr4072]

@@owenconti nodejs express

[@rimidelcavlis445]

Hi... does not works here... Page Not Found :( It works in localhost only.

[@rimidelcavlis445]

Resolved. Tank you! Great tutorial..

[@vimuthsomarathna4820]

thanks a lot a very useful tutorial

[@jerome6958]

Great tutorial

[@code_react]

Well you video is awesome but i have monodb connected to my app. how can i resolve my problem with mongodb. its giving me an error "Error: Can't resolve 'mongodb-client-encryption'"

[@owenconti]

That sounds like the dependency is missing from package.json

[@code_react]

@@owenconti Yep i forgot to install all the packages. thanks ;)

[@code_react]

@@owenconti Hey there.. during deployment on Netlify. it gives me same error for modules missing. but i have pushed my updated code to github and still i am getting error. i have mongoose package name in my package.json file.

[@owenconti]

@@code_react Do you have the 'mongodb-client-encryption' package in your package.json too?

[@code_react]

@@owenconti No but i installed that package. but after uploading my node express app to netlify. all of my routes were not working in postman. I have used mongodb.

[@lastmaj]

is this the only way to deploy an API written in node to netlify ? thanks though for the tutorial, it's the only viable thing I have found online

[@owenconti]

Probably not the only way to use node with netlify, no. You can just use a pure node index.js file.

[@dawid_dahl]

Awesome, thank you!

[@owenconti]

You're welcome!

[@xicorplayz9293]

its saying > netlify-express@1.0.0 build > ./node_modules/.bin/netlify-lambda build src '.' is not recognized as an internal or external command, operable program or batch file.

[@AngelGrigoriou]

Try just "netlify-lambda build src" instead of having the whole path

[@vemuyaswanth803]

I'm now hopping with happiness

[@Tomersss222]

Who else checked his speed setting to make sure it is on 'Normal'

[@owenconti]

Ha, too fast?

[@maximk7816]

hey, buddy! 1 thanks for the tutorial - it works, 2 I have question: I've got a .env file in my project.. I cant share it Github right? So how do pass my variables to my app?? I mean in order to save it on Netlify..

[@owenconti]

You'll define them in the Netlify UI. Search Google for Netlify .env vars

[@maximk7816]

@@owenconti thanks man, I've just successfully deployed my app!

[@SilvaOnTube]

Well this was disappointing. I posted a question on the Netlify community forum. I edited the post to add what I thought might be a promising article, and my post was "temporarily" ??? removed. I hope this video will help me. I'll let y'all know.

[@azimuddinahamed]

Thanks king

[@dineshdhoni7470]

Thank you so much

[@Tinwall72]

Hi Owen How does post work?

[@david50x84]

Thanks for making the function folder off screen and never showing what's in it?

[@owenconti]

It’s the compiled output. I never actually created it, the scripts do. But I apologize that the edit suddenly shows it

[@omgupta9015]

Is netlify free just like heroku?

[@owenconti]

There is a free plan, yep

[@UIGems]

Good one! Font is too small, you can change in next video

[@symbianizemember6097]

The title is how to deploy your express.js to netlify, but we cannot even see how to do that because it is already deployed in your netlify account. The tutorial is good but one of the important part is missing

[@owenconti]

You don't have to do anything, that's the point of Netlify. Connect your Git repo, use the settings that I show in the video and you'll be set.

[@akashrajum3319]

Thanks a lot!

[@victorjohn2545]

So you can really deploy a dynamic website for free? Holy sheeeesh

[@The_Nova_Glow]

bro, you completely skipped over the part where you created the 'functions' folder.

[@owenconti]

nah bro. just run `npm start` and it's created automatically for you.

[@sanidhyagupta003]

netlify-lambda is now depreciated in 2023.

[@whitemsk8373]

the functions directory just appeaed out of nowhere

[@officialjosej9090]

LMAO, Right

[@Abhijeetkumar-yh8cy]

Please make it more elaborated. I was not able to follow.

[@owenconti]

Which part did you get stuck on?

[@Abhijeetkumar-yh8cy]

@@owenconti i got it after watching once again thank you very much.

[@ЕвгенийМоскаленко-о4ы]

cool

[@armanivers]

Everything works fine, but I'm trying to get rid of the "/.netlify/functions/api" in the url and just shorten it to "/". So far I've learned there is the way of using redirects from netifly. Either in the netifly.toml file or with _redirects file. Both solutions don't work for me, nothing gets redirected. Anyone has any idea?

[@Dubsteperzify]

Did you find a solution?

[@repuestosgse4513]

Hello, my friend, you did a great job, I'm not a Hindi speaker but I understood almost everything you did, I'm trying to deploy my project on Cyclic but I have an error that says this "Error: ENOENT: no such file or directory, stat '/var/task/client/dist/index.html'", I used Vitejs to start the client folder and I don't know if this is the main problem.