Deployment 2 - File System + Netlify UI
This lesson preview is part of the Lightspeed Deployments course and can be unlocked immediately with a \newline Pro subscription or a single-time purchase. Already have access to this course? Log in here.
Get unlimited access to Lightspeed Deployments, plus 80+ \newline books, guides and courses with the \newline Pro subscription.
[00:00 - 00:09] Check the way to deploy from our file system with Netlify UI. For that, we will need a web app project in our file system.
[00:10 - 00:13] We'll need an entry file account. And we'll need to build our app block out.
[00:14 - 00:20] That's all. So first, let's get the project in our system.
[00:21 - 00:34] We'll go ahead and click export and download. Now I personally am using Windows, but it works very similarly for use amount and Linux.
[00:35 - 00:50] So I just got a zip file, download it. I will open up the zip file, cut the folder inside and paste it into another folder.
[00:51 - 01:00] Yeah, I will replace the file in the destination. And now we have our projects right here, I will need get into the directory.
[01:01 - 01:11] And from here, I will open an command line in this directory. Now for this project specifically, we will need Node.js to be able to use npm and Npx.
[01:12 - 01:19] And we'll need also need to use white or a bit. I don't know how you prefer the world.
[01:20 - 01:32] Now I will not show you how to download Node right now or how to install it. But I will send you a link afterwards to an article I have where I explain it.
[01:33 - 01:42] If you want to, you can just send me an email and I'll send it to you. But for now, we'll be inside our project.
[01:43 - 01:49] So let's install right. This will take a couple of minutes.
[01:50 - 01:55] We'll wait. As you can see, NP was already installed.
[01:56 - 02:02] So now we can build our project. And we do that with NPX, light build.
[02:03 - 02:11] This will fit a new directory with our build project. We've got to use that to deploy the app on Netzefine.
[02:12 - 02:22] And it's already built in the list folder. So now let's go back to our browser to our Netzefine account.
[02:23 - 02:36] And let's go ahead and drag and drop our dist folder into Netzefine. And it's uploading.
[02:37 - 02:41] Let's wait a couple of minutes for it to upload. And it's here.
[02:42 - 02:53] So now if I go back to my projects, you can see I have another project deployed on Netzefine already. A different URL, I will also send this in the chat.
[02:54 - 03:00] But you can see that it's the same app in a different URL. So it's a new deployment.
[03:01 - 03:05] Just like that, we've already deployed to us with Netzefine. Super big.