1
00:00:00,136 --> 00:00:04,740
So now that we know what we have,

2
00:00:04,740 --> 00:00:08,200
a static site, and that Netlify is one possible option

3
00:00:08,200 --> 00:00:10,710
for hosting our website or a Netlify Drop

4
00:00:10,710 --> 00:00:12,540
in this case specifically.

5
00:00:12,540 --> 00:00:15,760
Let's actually use Netlify Drop.

6
00:00:15,760 --> 00:00:18,900
And using it is really simple.

7
00:00:18,900 --> 00:00:22,710
You just need to drag and drop your website code

8
00:00:22,710 --> 00:00:24,750
into this box here.

9
00:00:24,750 --> 00:00:29,070
Now for this I'm on app.netlify.com/drop.

10
00:00:29,070 --> 00:00:32,520
You find a link to the site also attached to this lecture.

11
00:00:32,520 --> 00:00:35,870
And it's important that you open this in a regular browser

12
00:00:35,870 --> 00:00:39,740
tab not in an incognito tab, it won't work there.

13
00:00:39,740 --> 00:00:42,010
So open it in a regular tab.

14
00:00:42,010 --> 00:00:44,820
That's specific for this service here.

15
00:00:44,820 --> 00:00:48,675
And then here, I got my project folder with the HTML files

16
00:00:48,675 --> 00:00:51,970
and the CSS files and the image file.

17
00:00:51,970 --> 00:00:54,248
And now I'll take this entire project folder.

18
00:00:54,248 --> 00:00:56,130
So not the single files,

19
00:00:56,130 --> 00:00:58,800
but the entire folder and the drag and drop this

20
00:00:58,800 --> 00:00:59,940
into this box here.

21
00:00:59,940 --> 00:01:04,010
And if I let go, it's still here on my local machine.

22
00:01:04,010 --> 00:01:05,319
It wasn't removed there,

23
00:01:05,319 --> 00:01:08,150
but it was uploaded to Netlify server

24
00:01:08,150 --> 00:01:09,852
and the site is already live.

25
00:01:09,852 --> 00:01:13,480
And I even get an auto-generated domain here,

26
00:01:13,480 --> 00:01:17,210
which of course is not very customized, it's not my choice.

27
00:01:17,210 --> 00:01:19,880
It was generated automatically by Netlify,

28
00:01:19,880 --> 00:01:23,331
but it is something we can use to reach our website.

29
00:01:23,331 --> 00:01:27,512
So if you now click here, we can see our website here,

30
00:01:27,512 --> 00:01:30,480
live in the worldwide web.

31
00:01:30,480 --> 00:01:34,653
And this URL here, this address is now really not

32
00:01:34,653 --> 00:01:39,653
on our local machine, but instead out there in the web.

33
00:01:39,752 --> 00:01:43,768
If you have this URL, you can reach our website.

34
00:01:43,768 --> 00:01:47,360
You can even remove slash index HTML and just enter

35
00:01:47,360 --> 00:01:49,960
the domain and it will still load it,

36
00:01:49,960 --> 00:01:52,440
because as mentioned early in the course,

37
00:01:52,440 --> 00:01:55,713
most web servers and this Netlify server is no exception,

38
00:01:55,713 --> 00:01:59,683
will look for an index HTML file by default,

39
00:01:59,683 --> 00:02:03,560
if no more specific file name is specified.

40
00:02:03,560 --> 00:02:06,780
So therefore that's very convenient.

41
00:02:06,780 --> 00:02:09,830
And now if you followed along and you want to update this

42
00:02:09,830 --> 00:02:12,810
every day, you could share it on social media

43
00:02:12,810 --> 00:02:15,230
with other students from this course maybe.

44
00:02:15,230 --> 00:02:18,697
And therefore make your progress and your first website,

45
00:02:18,697 --> 00:02:21,003
available to the entire world.