Now it's finally time for deployment.
And we'll start with the static site,
though we already did deploy a static site earlier
in the course.
At the very beginning of the course almost,
we deployed that first site that we built there
to Netlify Drop.
And that first site,
since at that point we had only learned about HTML and CSS,
already was a static site.
Therefore I will now basically just repeat
what we did there.
Of course, there are other static site providers as well,
Netlify isn't the only one,
but Netlify, with its drop service, its drop feature,
is pretty easy to get started with
and therefore I'll use that again.
For this, just as before, all you have to do
to deploy a basic static site is visit Netlify Drop,
so app.netlify.com/drop,
and then you drag and drop your static website files
and folders here into this area.
Now, for this, I opened the Netlify Drop site,
side-by-side to my finder.
Important, the Netlify Drop site was opened by me
in a non incognito window, so a regular Chrome window.
And then you can take this static site folder,
and that's important, the entire folder,
not just the files and folders inside of it,
and you drop this here into this area
so that this gets uploaded.
And then it is live, we can now click this link
and we now see our deployed static site.
And this is no trick or anything like this,
this is now really our website running
on some remote machine or stored on some remote machine
and exposed to the world
by that hosting provider who owns that remote machine.
So this remote machine is already configured
to expose our website.
And of course, one thing that we might not be happy
with is the URL here though,
it was automatically generated by Netlify of course,
since we haven't entered anything else,
but we can change this.
We can, of course, now also sign up with Netlify here
so that it's not deleted after 24 hours
and so that we could also set our own domain,
though you have to purchase domains,
they're typically not available for free.
Now we could do this here and I will quickly do that here
with an email, simply my case.
And once you did that you should get an email by Netlify
with a verification link that you should click.
And once you did that, you can reload this page
and you can then log in with the credentials you chose.
And this will now log you into Netlify
and, again, this is of course not the only hosting provider.
It is a popular one and a one which is fairly easy to use
and get started with, but it's not the only one,
but it is the one which gave us this drop feature
and therefore we can now log into Netlify
with our account here.
And once you are logged in,
you can now manage your deployed site here
and I'll now take this back to full screen here.
Now here you can change a lot of things
and this is not a Netlify course,
instead you should really go through Netlify's documentation
if you plan to use that for your real website.
Because that's all important.
No matter which hosting provider you go for,
if you're serious about it,
you have to dig through their configuration settings
and through their documentation
so that you configure your website correctly.
Here we can click on deploy settings
and there, for example, under domain management,
you could add a custom domain.
You could click on this
and now you could enter a domain here, which you want,
and Netlify would check if it's still available
and then offer you to buy this domain.
So these are all steps you could go through,
this is a bit too advanced here since, again,
this is a step that will cost money and it's optional,
though of course, if you're serious about your website,
you typically wanna have your own custom domain,
but in general, as mentioned,
you typically wanna go through all these settings here
and through the documentation of the provider in detail
if you wanna use it.
But this is how you could now deploy a static website,
here at the example of Netlify.
Now I will actually click on stop auto publishing here.
And then also take my site down
by going to site settings
and at the very bottom I'll choose delete this site
and enter this site name here
because this of course was just an example.
So therefore I'll take it down
and now move onto the dynamic website.