1 00:00:00,240 --> 00:00:00,590 Okay. 2 00:00:00,600 --> 00:00:03,420 And once you sign up for the account. 3 00:00:04,689 --> 00:00:07,320 Most likely this is going to be your dashboard. 4 00:00:07,330 --> 00:00:13,040 In my case, I have a few projects, but if you just create it, of course it's going to be empty. 5 00:00:13,060 --> 00:00:15,610 We have few options here. 6 00:00:15,790 --> 00:00:20,230 We can go with new and then we look forward a web service. 7 00:00:20,590 --> 00:00:23,260 So if you want, of course you can set up the static side. 8 00:00:23,260 --> 00:00:27,430 But in our case, remember, we have a full stack project, so. 9 00:00:28,400 --> 00:00:31,220 For Node project and full Stack project. 10 00:00:31,220 --> 00:00:39,830 We want to go with web service and if you don't see your project here, that means that you haven't 11 00:00:39,830 --> 00:00:42,560 configured the GitHub setup. 12 00:00:42,560 --> 00:00:44,060 So make sure you do that. 13 00:00:44,300 --> 00:00:50,150 If all of this is empty, that means that you haven't configured because the render needs to access 14 00:00:50,540 --> 00:00:56,140 your GitHub account in order to of course access the repos. 15 00:00:56,150 --> 00:01:04,129 If you don't see the repos, please please, please please configure the GitHub setup and I'm going 16 00:01:04,129 --> 00:01:05,239 to go with this one. 17 00:01:05,239 --> 00:01:12,410 The one that we just set up, we'll go with Connect and then we just need to fill out some information. 18 00:01:13,250 --> 00:01:14,690 First, we need to start with names. 19 00:01:14,730 --> 00:01:18,950 I'm going to go with turn course job ify. 20 00:01:19,370 --> 00:01:22,940 Then the group directory can stay the way it is. 21 00:01:24,320 --> 00:01:24,900 Node. 22 00:01:24,950 --> 00:01:26,450 Yep, that's the environment. 23 00:01:27,350 --> 00:01:31,040 In my case, since I moved, I'm not using Oregon anymore. 24 00:01:31,040 --> 00:01:32,750 I'm going to go with Ohio. 25 00:01:33,580 --> 00:01:35,020 Then the branch manager? 26 00:01:35,230 --> 00:01:35,950 That's correct. 27 00:01:36,310 --> 00:01:38,220 And here's the build command. 28 00:01:38,230 --> 00:01:42,080 So this is where we need to type that set up production. 29 00:01:42,100 --> 00:01:47,200 We need to go with and PM run, set up and production. 30 00:01:47,410 --> 00:01:53,530 So now on a server we will run that command that installs the dependencies and sets up the production, 31 00:01:53,530 --> 00:01:58,710 build on the client and of course installs dependencies on the server as well. 32 00:01:58,720 --> 00:02:03,490 And then we don't want to go with no indexes, we want to go with the server name. 33 00:02:03,490 --> 00:02:04,060 Correct. 34 00:02:04,770 --> 00:02:11,340 So in my case, the file name was server, so I'll go with Node and then server Jaz. 35 00:02:11,490 --> 00:02:12,630 Let's keep on moving. 36 00:02:12,660 --> 00:02:14,370 Notice this is going to be the free tier. 37 00:02:14,400 --> 00:02:17,750 Yep, that's what we're going to go with. 38 00:02:17,760 --> 00:02:21,900 And then for the advanced, we want to set up those environment variables. 39 00:02:22,700 --> 00:02:25,460 Now, what's really cool about this platform, we have two options. 40 00:02:25,460 --> 00:02:27,590 We can add them manually one by one. 41 00:02:28,070 --> 00:02:33,980 So yes, this is the time when you run back to that entry and you just copy and paste. 42 00:02:34,430 --> 00:02:42,590 So starting everything with JWT and then the Atlas Connection, or you can add the whole file and this 43 00:02:42,590 --> 00:02:49,580 is something that I've been actually using a lot since I enjoy the fact that you literally can take 44 00:02:49,580 --> 00:02:52,190 the whole thing and copy and paste. 45 00:02:52,730 --> 00:02:55,100 So we go here with ADD secret file. 46 00:02:55,390 --> 00:02:57,080 I'm going to go with name. 47 00:02:57,710 --> 00:02:58,010 Yep. 48 00:02:58,010 --> 00:03:04,940 And I just want to go back to the project, grab the contents of that entry and copy and paste and we're 49 00:03:04,940 --> 00:03:06,470 pretty much good to go. 50 00:03:06,470 --> 00:03:08,150 So let me do that. 51 00:03:08,150 --> 00:03:08,990 I'll stop the video. 52 00:03:08,990 --> 00:03:13,970 And then once all the secret values are in there, we will resume. 53 00:03:13,970 --> 00:03:19,190 And once the data entry is in place, then we want to keep on scrolling. 54 00:03:19,190 --> 00:03:23,960 And what's also really cool about this platform is that they do auto deploy. 55 00:03:24,350 --> 00:03:30,800 What that means is that let's say you deploy your project, but after that you make some changes. 56 00:03:31,250 --> 00:03:38,120 The only thing you need to do is push it up to a GitHub and render will automatically pick it up from 57 00:03:38,120 --> 00:03:40,580 there, which is again really, really cool. 58 00:03:41,000 --> 00:03:44,030 And that pretty much is set up by default. 59 00:03:44,370 --> 00:03:46,940 Then we want to click on Create web service. 60 00:03:47,180 --> 00:03:54,020 As a quick sidenote, yes, of course you can add or change those kind of variables later, but if you're 61 00:03:54,020 --> 00:03:58,490 not going to set them up on the first one, on the first deployed, then of course your first deploy 62 00:03:58,490 --> 00:03:59,930 will fail. 63 00:04:00,200 --> 00:04:02,960 Just something that I wanted to mention. 64 00:04:03,170 --> 00:04:06,530 So let's click here on Create Web Servers. 65 00:04:06,650 --> 00:04:14,840 Now, this will take a little bit at least 3 to 4 minutes, so I'll stop the video and I'll resume once 66 00:04:14,840 --> 00:04:16,820 the deployment is done. 67 00:04:16,820 --> 00:04:23,870 The one last thing that I want to mention before I turn off the video is the cool fact that their logs 68 00:04:23,870 --> 00:04:25,790 are extremely useful. 69 00:04:25,790 --> 00:04:30,620 So it's not like in Heroku where you push it up and then they just give you some vague message if there's 70 00:04:30,620 --> 00:04:31,670 anything wrong with it. 71 00:04:32,000 --> 00:04:38,630 Actually in here they show the exact error as you would be getting locally, which is again really, 72 00:04:38,630 --> 00:04:43,100 really awesome because it makes troubleshooting a breeze on the server. 73 00:04:43,100 --> 00:04:49,460 And if you have been deploying some projects, the full stack ones, you know that sometimes it can 74 00:04:49,460 --> 00:04:51,860 be a pain because it's very hard to find. 75 00:04:51,860 --> 00:04:53,210 Well, what is the exact issue? 76 00:04:53,210 --> 00:05:00,170 I mean you have some kind of code for that error, but I mean, it's very hard to find what is the actual 77 00:05:00,170 --> 00:05:02,930 issue that you need to start Googling and all that stuff. 78 00:05:03,050 --> 00:05:06,320 As you can see right now, we're installing stuff on the client. 79 00:05:06,320 --> 00:05:13,010 And like I said, this will take a little bit, so I'll just stop the video and I'll resume once everything 80 00:05:13,010 --> 00:05:14,000 is done. 81 00:05:14,030 --> 00:05:16,340 And it looks like I was successful. 82 00:05:16,950 --> 00:05:18,360 So let's try it out here. 83 00:05:18,780 --> 00:05:20,070 That's my application. 84 00:05:20,070 --> 00:05:21,780 First, let's try the demo. 85 00:05:21,810 --> 00:05:22,950 User quickly. 86 00:05:23,640 --> 00:05:24,110 Yep. 87 00:05:24,120 --> 00:05:24,660 Log in. 88 00:05:24,660 --> 00:05:25,680 Successful. 89 00:05:25,680 --> 00:05:29,070 Now redirecting the profile. 90 00:05:29,100 --> 00:05:30,390 Nope, I cannot do that. 91 00:05:30,420 --> 00:05:30,930 Okay. 92 00:05:31,410 --> 00:05:33,090 This is what we expected. 93 00:05:33,250 --> 00:05:34,290 Stats. 94 00:05:34,500 --> 00:05:35,250 All jobs. 95 00:05:35,550 --> 00:05:36,390 Beautiful. 96 00:05:36,570 --> 00:05:39,300 Let's try out that search functionality. 97 00:05:39,360 --> 00:05:39,630 Yep. 98 00:05:40,020 --> 00:05:41,730 That also seems to be working. 99 00:05:41,940 --> 00:05:43,000 Let's log out. 100 00:05:43,020 --> 00:05:47,010 Let me log in with my actual user. 101 00:05:47,580 --> 00:05:49,290 I mean, hopefully I. 102 00:05:50,640 --> 00:05:54,270 We'll be able to remember the correct email and password. 103 00:05:55,460 --> 00:05:56,510 Looks about right. 104 00:05:57,180 --> 00:06:01,290 Nope, I want to do that and let me just try to add a job. 105 00:06:01,290 --> 00:06:07,020 So backend dev and I think I'm going to go with good old Facebook. 106 00:06:08,530 --> 00:06:08,880 EP. 107 00:06:08,980 --> 00:06:09,730 Let's try it out. 108 00:06:09,760 --> 00:06:10,680 Job created. 109 00:06:10,690 --> 00:06:12,910 And if I take a look at all the jobs. 110 00:06:13,650 --> 00:06:15,840 This is the job that I just created. 111 00:06:16,020 --> 00:06:17,880 It looks like everything is working. 112 00:06:18,820 --> 00:06:24,920 We were able to build the application as well as deploy it on render platform. 113 00:06:24,940 --> 00:06:28,900 Hopefully everyone enjoyed it and I hope to see you in my next course.