1
00:00:02,490 --> 00:00:05,040
In this section will start a completely new project.

2
00:00:05,670 --> 00:00:08,880
We want to build our simple static website.

3
00:00:08,970 --> 00:00:12,900
And for that, we're going to use an open source tool called Gatsby..

4
00:00:13,290 --> 00:00:21,600
So I am at Gatsby. Jested org, and I'm currently looking at the Getting Started tutorial in order to

5
00:00:21,600 --> 00:00:23,670
use Gatsby., we first need to install it.

6
00:00:23,910 --> 00:00:26,730
And this isn't npm dependency that we need to install.

7
00:00:27,690 --> 00:00:29,790
So let's copy this and open a terminal.

8
00:00:32,640 --> 00:00:38,580
The first thing we should do is to check if note and npm are installed, that can be done by typing

9
00:00:38,580 --> 00:00:40,530
node test version.

10
00:00:45,280 --> 00:00:46,420
The same goes for AMPM.

11
00:00:49,830 --> 00:00:56,040
As you can see, I have both of them installed and I can proceed, the next step would be to install

12
00:00:56,040 --> 00:00:57,870
Gatsby using the provided comment.

13
00:01:00,090 --> 00:01:02,190
This will install the Gatsby. Seelye.

14
00:01:02,550 --> 00:01:09,210
And if you notice the DSG flag, this will install this AMPM dependency globally on your computer.

15
00:01:12,610 --> 00:01:18,100
Gatsby has been successfully installed, and let's continue with our tutorial and see what we need to

16
00:01:18,100 --> 00:01:19,810
do in order to create a new website.

17
00:01:21,950 --> 00:01:27,440
So to create a new website and we now have to use the Gatsby. Seelye command tool and it's going to

18
00:01:27,470 --> 00:01:31,420
be gatsby. new and this is how we'll name the website.

19
00:01:34,340 --> 00:01:39,020
So let's call our websites static website, so I'm going to use Gatsby..

20
00:01:42,370 --> 00:01:42,760
You.

21
00:01:44,610 --> 00:01:45,390
That the website.

22
00:02:03,410 --> 00:02:09,070
Now, Gatsby has finished creating this project, and I will go inside a static dash website folder

23
00:02:09,080 --> 00:02:10,639
that has been created by Gatsby.

24
00:02:16,100 --> 00:02:19,410
Now, if I look inside here, I will see that some files has been generated.

25
00:02:20,190 --> 00:02:22,690
And for the moment, it really doesn't matter so much.

26
00:02:22,710 --> 00:02:24,600
But now we have a new project.

27
00:02:25,170 --> 00:02:30,600
Now the first thing that we can do is to start the local development server, and that can be done by

28
00:02:30,600 --> 00:02:32,310
calling Gatsby. developer.

29
00:02:41,400 --> 00:02:50,120
In just a few seconds, Gasper will compile the project and start local server, local HDB server and

30
00:02:50,460 --> 00:02:53,490
local HDB server will be then available in our browser.

31
00:02:54,120 --> 00:03:00,660
So if we open this address local host and port eight thousand, then you will see our website that has

32
00:03:00,660 --> 00:03:01,230
been created.

33
00:03:03,910 --> 00:03:08,800
So this is how our website looks like now, it's not so bad for you.

34
00:03:09,490 --> 00:03:16,240
And we now have our own static website and we'll continue working on it, but for the moment it looks

35
00:03:16,240 --> 00:03:16,840
quite OK.

36
00:03:17,110 --> 00:03:21,750
So let's take all the files that we now have and create a project on GitLab.

37
00:03:22,930 --> 00:03:24,190
So I'm going to click on your project.

38
00:03:28,810 --> 00:03:30,910
And call this my static website.

39
00:03:39,030 --> 00:03:41,430
I'm going to give this project and simply created.

40
00:03:46,440 --> 00:03:53,250
Now, for the first time, I create a project, it will be empty and I can add new files using the GitLab

41
00:03:53,670 --> 00:03:58,410
interface, but the best way is to interact with it.

42
00:03:59,970 --> 00:04:05,280
Now, as you can see, I already have the guitar repository and this kit repository actually has a history,

43
00:04:06,300 --> 00:04:10,770
and I'm quite happy with what I already have, so I don't have anything that I don't need here.

44
00:04:10,770 --> 00:04:12,390
So there's not the long list to read everything.

45
00:04:12,750 --> 00:04:18,959
So there's no need to recreate a new gadget repository if I'm happy with some of the steps I will need

46
00:04:18,959 --> 00:04:19,410
to skip.

47
00:04:20,399 --> 00:04:23,850
So the only thing that I'm still interested in is adding a remote.

48
00:04:32,780 --> 00:04:34,970
And then I'm going to push the changes to muster.

49
00:04:41,130 --> 00:04:43,020
And as you can see, everything was successful.

50
00:04:44,220 --> 00:04:48,360
If I go back to my GitLab project and I do a refresh on this page.

51
00:04:49,770 --> 00:04:53,640
On notice that now it contains the files that I have committed.

52
00:04:55,370 --> 00:04:59,840
So you will see here a bunch of files and even a quick description.

53
00:05:00,230 --> 00:05:02,570
So everything that Gatsby has generated.

54
00:05:03,260 --> 00:05:05,570
I now have available on GitLab.