
videocam_off
This livestream is currently offline
Check back later when the stream goes live
How to Deploy Node.js & Express Web App to Render Cloud Platform For FREE Full Tutorial
Feb 12, 2025
Get the full source code of application here:
Hi Join the official discord server to resolve doubts here:
https://discord.gg/cRnjhk6nzW
Visit my Online Free Media Tool Website
https://freemediatools.com/
Buy Premium Scripts and Apps Here:
https://procodestore.com/
Show More Show Less View Video Transcript
0:00
uh hello guys welcome to this video so
0:02
in this video I will show you a platform
0:05
where you can deploy Cloud
0:08
applications such as nodejs Express so I
0:11
will show you this platform and I will
0:14
start deploying this nodejs application
0:18
from
0:19
scratch so the platform name is
0:30
on Google so just type enter the very
0:32
first link which comes in this is
0:34
actually the website here and it also
0:37
lives the free plan as well you can try
0:39
out for free for development purpose
0:43
so you just need to log in with your
0:46
GitHub account I've already done that so
0:49
it will fetch all your GitHub repos so
0:51
first of all I will just create a very
0:54
basic nodejs express application and
0:56
deploy this into GitHub so go to my
1:00
command line here and just create a
1:02
brand new
1:08
folder and just CD into
1:14
this and let me just open it inside vs
1:17
code
1:25
so let me just create
1:37
so now this is actually a empty
1:39
directory so let me just initialize a
1:41
package.json file
1:43
so npm in a-y and then I will just
1:48
install Express package which will be
1:51
able to build out the web
1:53
server so now I'll just create a very
1:56
simple Express JS server which will run
1:59
on a particular port number so I will
2:01
just
2:02
start requiring
2:06
it and then just make a simple Express
2:09
app and for the port number I will
2:16
just the port number is not set then we
2:19
will run this application on 5,000 port
2:22
numbers so we pass the port
2:26
number and inside the call back function
2:29
we will simply say in the console that
2:31
app is listening
2:33
on and I will just make a simple get
2:37
request so whenever someone goes to the
2:40
homepage I will
2:42
just show a simple index.html file which
2:46
will be present in the root
2:53
directory so this is actually your app
2:56
here we have initialized a simple get
2:57
request so now in the root Direct we
3:00
just need to create this index. HTML
3:03
file right here and
3:07
uh right here you can simply say hello
3:10
world
3:14
so now if I
3:16
just so node
3:21
index.js so you will actually see the
3:24
app is listening on Port 5000 so if I go
3:27
to this locally if I type Loc host
3:32
5,000 so it actually works here so now I
3:35
need to deploy this in in this uh
3:37
platform renter.com so for this we need
3:41
to first of all go to the package.json
3:44
file and add the start script here so
3:47
just add the start script which will say
3:50
node index.js so just you need to add
3:52
the start script just go to the script
3:55
section just Define the starting script
3:57
which will start your application node
3:59
in
4:00
index.js and then we will upload this
4:02
into GitHub so just create your git
4:05
ignore file and ignore the node modules
4:11
folder and just we will initialize it in
4:14
new GitHub repo
4:31
so we will be in committing the first
4:33
changes by this command first of all
4:35
initialize get in it then get add Dash
4:38
get commit DM first commit so it will
4:41
commit out all these changes now I just
4:44
need to go to my account of GitHub and
4:46
just create a brand new GitHub
4:53
repo so just create a new GitHub repo
4:56
here and uh you can just give it a s
5:04
and click on create REO so now this will
5:07
give you this link right here uh get
5:10
remote add origin so paste this and then
5:13
we just need to push the changes get
5:15
push dashu origin master so this will
5:20
actually push the changes here and
5:22
upload this as a GitHub repo so if you
5:25
refresh now now we have actually
5:27
uploaded this into a GitHub repo
5:30
so after you do this you need to go to
5:32
renter.com in your dashboard and right
5:35
here select deploy a web service simply
5:39
select this option and after this you
5:42
need to select your this option which is
5:45
uh git provider and it will actually
5:48
fetch all your GitHub repos so it has
5:51
fetched this GI GitHub repo that I
5:53
deployed right here simply select this
5:55
GitHub repo and then click on this
5:57
connect option
6:00
and now it will actually show the drop
6:03
down it will you can give it a unique
6:05
name so I've already given this sample
6:07
node Express app and then you need to
6:10
select it from the drop-down which
6:12
technology you using so we are using
6:14
nodejs so from the drop- down just
6:16
select your technology and just stick to
6:19
the default changes so only a master
6:21
branch is there so this is your build
6:24
command here npm install node index.js
6:27
so stick to the default option and just
6:29
select the free plan which they offer it
6:33
so just select the free plan and then
6:36
click on deploy web service so as soon
6:39
as you click this deploy button your
6:42
nodejs application will be built and
6:45
deployed it automatically so just wait
6:47
for the changes it is showing this
6:51
logging screen right here it is
6:52
uploading the build right
6:55
here so after
6:57
it so it is saying it is showing you it
7:00
is now deploying it so just wait for the
7:03
deployment to complete you will get a
7:05
message right
7:07
here so the nice thing about this
7:09
website it actually shows you these log
7:11
messages very easily so that you can
7:13
easily see what is happening and now
7:16
your application is listening on Port
7:18
5,000 if you see so now it has started
7:21
so it has given this link right here if
7:23
you see you can directly go to this link
7:27
and open your application so as soon as
7:29
you open your
7:32
application so this will be the link
7:34
that they have
7:38
given automatically this link will be
7:40
given
7:45
so so it actually takes some time for
7:48
start the application so
8:11
so now if you
8:12
see your service is live so now you will
8:16
see we have successfully deployed the
8:18
nodejs express application this is
8:21
actually the link that they given so
8:23
whatever is your GitHub repo name.on
8:29
here so if I make any sort of changes
8:31
right here if I change this one more
8:34
time
8:36
here and then I go to the nodejs I
8:40
request one more route here which will
8:43
be let's suppose hello world and I
8:47
basically make another template hello
8:49
world and WR
8:51
here hello world. HTML
8:56
so I just write a simple message here
8:59
this hello world
9:01
page so now we have made some kind of
9:03
changes so whenever you make the changes
9:06
you need to commit those changes
9:12
so so I can just write here this is the
9:15
second
9:16
commit so just commit your changes and
9:20
then get push dasu origin
9:24
master so this will actually commit
9:26
these changes into your GitHub repo and
9:29
then what you need to do so there is
9:31
will be this option
9:33
here manual deploy and just select this
9:36
option deploy latest commit so it will
9:40
actually detect the changes that you
9:41
have done in the GitHub repo and
9:43
automatically build again your
9:45
application and restart the
9:48
application
9:50
so now just wait here and automatically
9:54
after it builds out your application
10:01
you can see again it is repeating the
10:03
process and uh deploying it with the
10:06
changes that you have made so it's very
10:08
easy you just need to upload to your
10:12
GitHub depo and from GitHub Depot you
10:15
can directly upload or deploy the
10:17
application on
10:26
[Music]
10:30
dinder and if I go to the route here
10:33
which is hello world/ hello world so
10:38
this is you can see Hello World
10:40
page so in this way guys you can easily
10:43
deploy the nodejs express web
10:45
application inside this platform
10:59
they do offer the shell as well but for
11:01
the shell you need to upgrade so for the
11:04
free plan they don't offer the shell
11:06
here but I think they
11:09
do a good job in deploying the services
11:13
so it will take a very less time in
11:15
deploying your application and the log
11:18
messages logging just makes it very easy
11:22
to detect any error messages so thank
11:24
you very much for watching this video
11:26
and also check out my website as well
11:28
free mediat tools.com which contains
11:32
thousands of tools regarding audio video
11:34
and image and I will be seeing you in
11:37
the next video
#Programming
#Web Services
#Web Design & Development
