In this section will start a completely new project.
We want to build our simple static website.
And for that, we're going to use an open source tool called Gatsby..
So I am at Gatsby. Jested org, and I'm currently looking at the Getting Started tutorial in order to
use Gatsby., we first need to install it.
And this isn't npm dependency that we need to install.
So let's copy this and open a terminal.
The first thing we should do is to check if note and npm are installed, that can be done by typing
node test version.
The same goes for AMPM.
As you can see, I have both of them installed and I can proceed, the next step would be to install
Gatsby using the provided comment.
This will install the Gatsby. Seelye.
And if you notice the DSG flag, this will install this AMPM dependency globally on your computer.
Gatsby has been successfully installed, and let's continue with our tutorial and see what we need to
do in order to create a new website.
So to create a new website and we now have to use the Gatsby. Seelye command tool and it's going to
be gatsby. new and this is how we'll name the website.
So let's call our websites static website, so I'm going to use Gatsby..
You.
That the website.
Now, Gatsby has finished creating this project, and I will go inside a static dash website folder
that has been created by Gatsby.
Now, if I look inside here, I will see that some files has been generated.
And for the moment, it really doesn't matter so much.
But now we have a new project.
Now the first thing that we can do is to start the local development server, and that can be done by
calling Gatsby. developer.
In just a few seconds, Gasper will compile the project and start local server, local HDB server and
local HDB server will be then available in our browser.
So if we open this address local host and port eight thousand, then you will see our website that has
been created.
So this is how our website looks like now, it's not so bad for you.
And we now have our own static website and we'll continue working on it, but for the moment it looks
quite OK.
So let's take all the files that we now have and create a project on GitLab.
So I'm going to click on your project.
And call this my static website.
I'm going to give this project and simply created.
Now, for the first time, I create a project, it will be empty and I can add new files using the GitLab
interface, but the best way is to interact with it.
Now, as you can see, I already have the guitar repository and this kit repository actually has a history,
and I'm quite happy with what I already have, so I don't have anything that I don't need here.
So there's not the long list to read everything.
So there's no need to recreate a new gadget repository if I'm happy with some of the steps I will need
to skip.
So the only thing that I'm still interested in is adding a remote.
And then I'm going to push the changes to muster.
And as you can see, everything was successful.
If I go back to my GitLab project and I do a refresh on this page.
On notice that now it contains the files that I have committed.
So you will see here a bunch of files and even a quick description.
So everything that Gatsby has generated.
I now have available on GitLab.