1
00:00:02,080 --> 00:00:05,440
Now it's finally time for deployment.

2
00:00:05,440 --> 00:00:07,770
And we'll start with the static site,

3
00:00:07,770 --> 00:00:11,390
though we already did deploy a static site earlier

4
00:00:11,390 --> 00:00:12,440
in the course.

5
00:00:12,440 --> 00:00:15,070
At the very beginning of the course almost,

6
00:00:15,070 --> 00:00:18,700
we deployed that first site that we built there

7
00:00:18,700 --> 00:00:20,590
to Netlify Drop.

8
00:00:20,590 --> 00:00:22,470
And that first site,

9
00:00:22,470 --> 00:00:27,110
since at that point we had only learned about HTML and CSS,

10
00:00:27,110 --> 00:00:29,380
already was a static site.

11
00:00:29,380 --> 00:00:31,660
Therefore I will now basically just repeat

12
00:00:31,660 --> 00:00:33,190
what we did there.

13
00:00:33,190 --> 00:00:36,740
Of course, there are other static site providers as well,

14
00:00:36,740 --> 00:00:38,600
Netlify isn't the only one,

15
00:00:38,600 --> 00:00:43,270
but Netlify, with its drop service, its drop feature,

16
00:00:43,270 --> 00:00:45,460
is pretty easy to get started with

17
00:00:45,460 --> 00:00:47,223
and therefore I'll use that again.

18
00:00:48,170 --> 00:00:51,340
For this, just as before, all you have to do

19
00:00:51,340 --> 00:00:56,250
to deploy a basic static site is visit Netlify Drop,

20
00:00:56,250 --> 00:01:00,150
so app.netlify.com/drop,

21
00:01:00,150 --> 00:01:04,530
and then you drag and drop your static website files

22
00:01:04,530 --> 00:01:07,810
and folders here into this area.

23
00:01:07,810 --> 00:01:11,340
Now, for this, I opened the Netlify Drop site,

24
00:01:11,340 --> 00:01:13,610
side-by-side to my finder.

25
00:01:13,610 --> 00:01:16,910
Important, the Netlify Drop site was opened by me

26
00:01:16,910 --> 00:01:21,910
in a non incognito window, so a regular Chrome window.

27
00:01:22,420 --> 00:01:24,970
And then you can take this static site folder,

28
00:01:24,970 --> 00:01:27,280
and that's important, the entire folder,

29
00:01:27,280 --> 00:01:29,940
not just the files and folders inside of it,

30
00:01:29,940 --> 00:01:32,950
and you drop this here into this area

31
00:01:32,950 --> 00:01:34,523
so that this gets uploaded.

32
00:01:35,880 --> 00:01:39,400
And then it is live, we can now click this link

33
00:01:39,400 --> 00:01:42,880
and we now see our deployed static site.

34
00:01:42,880 --> 00:01:45,140
And this is no trick or anything like this,

35
00:01:45,140 --> 00:01:47,810
this is now really our website running

36
00:01:47,810 --> 00:01:51,760
on some remote machine or stored on some remote machine

37
00:01:51,760 --> 00:01:53,860
and exposed to the world

38
00:01:53,860 --> 00:01:58,110
by that hosting provider who owns that remote machine.

39
00:01:58,110 --> 00:02:00,660
So this remote machine is already configured

40
00:02:00,660 --> 00:02:03,262
to expose our website.

41
00:02:03,262 --> 00:02:05,740
And of course, one thing that we might not be happy

42
00:02:05,740 --> 00:02:08,750
with is the URL here though,

43
00:02:08,750 --> 00:02:12,480
it was automatically generated by Netlify of course,

44
00:02:12,480 --> 00:02:14,870
since we haven't entered anything else,

45
00:02:14,870 --> 00:02:16,683
but we can change this.

46
00:02:17,610 --> 00:02:22,300
We can, of course, now also sign up with Netlify here

47
00:02:22,300 --> 00:02:25,740
so that it's not deleted after 24 hours

48
00:02:25,740 --> 00:02:28,950
and so that we could also set our own domain,

49
00:02:28,950 --> 00:02:31,100
though you have to purchase domains,

50
00:02:31,100 --> 00:02:33,823
they're typically not available for free.

51
00:02:34,880 --> 00:02:39,070
Now we could do this here and I will quickly do that here

52
00:02:39,070 --> 00:02:41,523
with an email, simply my case.

53
00:02:42,810 --> 00:02:45,730
And once you did that you should get an email by Netlify

54
00:02:45,730 --> 00:02:48,293
with a verification link that you should click.

55
00:02:50,000 --> 00:02:53,290
And once you did that, you can reload this page

56
00:02:53,290 --> 00:02:56,890
and you can then log in with the credentials you chose.

57
00:02:56,890 --> 00:02:59,370
And this will now log you into Netlify

58
00:02:59,370 --> 00:03:02,680
and, again, this is of course not the only hosting provider.

59
00:03:02,680 --> 00:03:06,540
It is a popular one and a one which is fairly easy to use

60
00:03:06,540 --> 00:03:09,540
and get started with, but it's not the only one,

61
00:03:09,540 --> 00:03:12,140
but it is the one which gave us this drop feature

62
00:03:12,140 --> 00:03:14,610
and therefore we can now log into Netlify

63
00:03:14,610 --> 00:03:16,350
with our account here.

64
00:03:16,350 --> 00:03:18,380
And once you are logged in,

65
00:03:18,380 --> 00:03:22,010
you can now manage your deployed site here

66
00:03:22,010 --> 00:03:24,663
and I'll now take this back to full screen here.

67
00:03:25,640 --> 00:03:29,260
Now here you can change a lot of things

68
00:03:29,260 --> 00:03:31,380
and this is not a Netlify course,

69
00:03:31,380 --> 00:03:35,150
instead you should really go through Netlify's documentation

70
00:03:35,150 --> 00:03:38,930
if you plan to use that for your real website.

71
00:03:38,930 --> 00:03:40,590
Because that's all important.

72
00:03:40,590 --> 00:03:43,460
No matter which hosting provider you go for,

73
00:03:43,460 --> 00:03:45,160
if you're serious about it,

74
00:03:45,160 --> 00:03:48,570
you have to dig through their configuration settings

75
00:03:48,570 --> 00:03:50,460
and through their documentation

76
00:03:50,460 --> 00:03:53,460
so that you configure your website correctly.

77
00:03:53,460 --> 00:03:55,800
Here we can click on deploy settings

78
00:03:55,800 --> 00:03:59,230
and there, for example, under domain management,

79
00:03:59,230 --> 00:04:02,000
you could add a custom domain.

80
00:04:02,000 --> 00:04:03,440
You could click on this

81
00:04:03,440 --> 00:04:05,930
and now you could enter a domain here, which you want,

82
00:04:05,930 --> 00:04:08,920
and Netlify would check if it's still available

83
00:04:08,920 --> 00:04:11,820
and then offer you to buy this domain.

84
00:04:11,820 --> 00:04:14,270
So these are all steps you could go through,

85
00:04:14,270 --> 00:04:16,769
this is a bit too advanced here since, again,

86
00:04:16,769 --> 00:04:20,200
this is a step that will cost money and it's optional,

87
00:04:20,200 --> 00:04:22,550
though of course, if you're serious about your website,

88
00:04:22,550 --> 00:04:25,180
you typically wanna have your own custom domain,

89
00:04:25,180 --> 00:04:27,340
but in general, as mentioned,

90
00:04:27,340 --> 00:04:30,330
you typically wanna go through all these settings here

91
00:04:30,330 --> 00:04:33,580
and through the documentation of the provider in detail

92
00:04:33,580 --> 00:04:35,360
if you wanna use it.

93
00:04:35,360 --> 00:04:38,550
But this is how you could now deploy a static website,

94
00:04:38,550 --> 00:04:41,470
here at the example of Netlify.

95
00:04:41,470 --> 00:04:45,540
Now I will actually click on stop auto publishing here.

96
00:04:45,540 --> 00:04:48,330
And then also take my site down

97
00:04:49,420 --> 00:04:51,490
by going to site settings

98
00:04:51,490 --> 00:04:54,940
and at the very bottom I'll choose delete this site

99
00:04:55,970 --> 00:04:58,520
and enter this site name here

100
00:04:58,520 --> 00:05:01,520
because this of course was just an example.

101
00:05:01,520 --> 00:05:03,750
So therefore I'll take it down

102
00:05:03,750 --> 00:05:06,513
and now move onto the dynamic website.