1 00:00:00,150 --> 00:00:07,890 And the last thing that I would want to cover in react in basic section is how we can host our application 2 00:00:08,280 --> 00:00:16,920 on the Internet so how we can move the sucker from localhost three thousand to some kind of URL that 3 00:00:16,920 --> 00:00:24,300 we can share with our friends or family or anyone that would be interested in our project. 4 00:00:24,540 --> 00:00:29,640 Because, of course, it is kind of hard to do with our local three thousand. 5 00:00:29,640 --> 00:00:30,090 Correct. 6 00:00:30,540 --> 00:00:37,680 Now, there are many hosting providers out there, but for this specific one, I picked Nolfi because 7 00:00:37,680 --> 00:00:43,150 it is very easy to set up and you'll have your application online in no time. 8 00:00:43,440 --> 00:00:48,630 Now you can sign up for free so they will not ask for your credit card. 9 00:00:49,050 --> 00:00:50,400 So keep that in mind. 10 00:00:50,580 --> 00:00:58,260 You are in good shape online once you sign up for account or you'll have ability to login, which is 11 00:00:58,260 --> 00:00:59,580 exactly what I'm about to do. 12 00:00:59,970 --> 00:01:05,130 And then once you log in, then if you keep on scrolling, keep on scrolling. 13 00:01:05,130 --> 00:01:08,320 You have this option of just drag and drop. 14 00:01:08,640 --> 00:01:15,170 Now, later, we'll take a look at the continuous deployment option that runs through the gate. 15 00:01:15,900 --> 00:01:20,190 However, in this case, we'll just cover the simple drag and drop. 16 00:01:20,400 --> 00:01:26,310 Essentially, these are just the project that I'm already hosting on Nullifier. 17 00:01:26,550 --> 00:01:30,950 So if you just sign up for the account, of course, this part will be empty. 18 00:01:31,170 --> 00:01:36,910 So if you'll go with continuous deployment with GIT, which we'll do later than you'll use this option. 19 00:01:37,080 --> 00:01:41,730 Aside from getting our in our case, like I said, we'll keep on scrolling and we're looking for this 20 00:01:41,730 --> 00:01:49,770 one to deploy on your site without connecting to get drag and drop your site folder here now before 21 00:01:49,770 --> 00:01:50,650 we can do anything. 22 00:01:50,960 --> 00:01:58,080 Remember, we have this option of NPM aronne build, so that sets up our production build. 23 00:01:58,380 --> 00:02:06,350 So instead of running AMPM Start, which opens up the dev server, now we need to go with RPM run and 24 00:02:06,350 --> 00:02:07,140 then build. 25 00:02:07,530 --> 00:02:16,050 And once we run this command, of course our production build, the one that we can post online is being 26 00:02:16,050 --> 00:02:22,370 created and once it's done it's going to be available in the build folder. 27 00:02:22,650 --> 00:02:27,910 So that's the folder that we will drag and drop in little time. 28 00:02:28,170 --> 00:02:36,690 And of course once it's done now, it says that everything is good to go, that the built folder is 29 00:02:36,690 --> 00:02:44,550 ready to be deployed and now we either can run, serve, and that will just show that we have locally. 30 00:02:44,760 --> 00:02:47,040 But of course, that's not the option we're looking for. 31 00:02:47,310 --> 00:02:51,210 I would want to see how it's going to look online using Nullifier. 32 00:02:51,510 --> 00:02:57,630 So, of course, in this case, what I'm doing here, by the way, let me close my bunch of windows. 33 00:02:58,050 --> 00:03:02,940 And what I would want is, of course, everything is saved up over here. 34 00:03:03,390 --> 00:03:06,810 And what I would want is to open this sucker up. 35 00:03:07,140 --> 00:03:11,100 I have my build and I'm looking for a built folder. 36 00:03:11,280 --> 00:03:14,360 Like I said, I will just drag and drop. 37 00:03:14,670 --> 00:03:18,290 So grab the build folder and just drag and drop over here. 38 00:03:19,440 --> 00:03:24,570 That I know maximized, but we know, again, it's going to give you this interesting time and at the 39 00:03:24,570 --> 00:03:27,680 end you'll notice this not lafi that up. 40 00:03:27,960 --> 00:03:31,500 Now, of course, eventually you can have a custom name. 41 00:03:31,860 --> 00:03:35,430 So if you have already domain, you can connect another. 42 00:03:36,000 --> 00:03:42,930 But for our purposes, we'll just use this option where essentially there's going to be this Naglfar 43 00:03:43,110 --> 00:03:43,850 DOT app. 44 00:03:44,160 --> 00:03:45,690 So we're looking for site settings. 45 00:03:46,050 --> 00:03:52,350 If you don't change the name, we go for change site name and then you can come up with whatever name 46 00:03:52,350 --> 00:03:52,740 you want. 47 00:03:52,770 --> 00:04:01,340 So I'm going to go with React to Turrill or Basic Tutorial BASIX tutorial and then 20 20. 48 00:04:01,620 --> 00:04:03,210 So that's the name I chose. 49 00:04:03,540 --> 00:04:06,810 Of course, if you'll go with some type of name that is already used. 50 00:04:07,610 --> 00:04:12,590 Of course, it's not going to be available, so it will complain, but in my case, I think I'm going 51 00:04:12,590 --> 00:04:13,250 to be good to go. 52 00:04:13,490 --> 00:04:15,480 So of course that is my site. 53 00:04:15,740 --> 00:04:22,790 So now what I would want is either go to all of you and then just click on this URL and you'll notice 54 00:04:23,000 --> 00:04:30,650 that this is our project and now it is successfully running online where you can share it with your 55 00:04:30,650 --> 00:04:32,060 friends and your family. 56 00:04:32,240 --> 00:04:38,670 Essentially, all the projects that you create, you can host it with notify within a matter of seconds. 57 00:04:38,840 --> 00:04:43,070 Again, you would sign up for free account and I going to ask you for your credit card. 58 00:04:43,370 --> 00:04:50,810 And what you could do is just use this drag and drop option where you run and or unbuild first down 59 00:04:50,810 --> 00:04:51,500 drag and drop. 60 00:04:51,710 --> 00:04:57,440 And then, of course, you have your project online within a matter of seconds.