In this lecture, we're going to deploy our app.
You may have noticed how slow our app is.
It's not an issue with Grab Assembly.
It's more of a problem with web pack.
In reality, images can be processed in under two seconds instead of 10.
Web Pack is adding additional code that slows down the processing when we deploy the project.
It's going to be faster than the development built.
We have various options at our disposal.
My favorite hosting service is called virtual.
It's completely free and easy to deploy a project on oversell.
We can deploy a project with a few clicks before deploying the project.
We need to build the project in our package file.
We add a command for building the project in the command line.
Run the following command npm run build.
This command will generate a new directory called distribution.
These files should be deployed to production.
Everything else can remain.
The next step is to commit the project to get help.
I recommend ignoring the Node Modules directory in your editor.
Open the gate.
Ignore File.
Inside this file at the node modules directory to the list of files to ignore.
We won't need to upload this directory.
Next, I'm going to upload my project to GitHub.
You should do the same.
I'll be right back.
After a few minutes, I have successfully uploaded my project to GitHub.
We're uploading our project to GitHub for easier deployment.
Virtual is capable of pulling a GitHub project in the resource section of this lecture, I provide a
link to herself before continuing.
You will need to create an account.
It's completely free.
Pause the video before moving on.
After creating an account, you'll be taken to your dashboard or cell should present you with a list
of projects registered under your account.
As you can see, I use Rowsell for my personal projects.
On this page, there's going to be a button for creating a new project.
Click on it.
On this page, you're going to be asked to connect your get help accounts.
I'm going to connect mine quickly.
After connecting your accounts, GitHub will present you with a list of repositories listed in your
GitHub account.
Import the image app we've been developing.
Verse will ask us more questions about our project.
First, it'll ask if we want to create a team we're working individually.
You can skip this step.
Next, we're going to point four cell to the distribution directory.
After making those changes, click deployed.
It's going to take a while for Russell to deploy our project.
Be patient.
After a few minutes, we're greeted with a success message.
Awesome.
Will we given a URL to preview our app?
Let's check it out.
It took two hours, but we've created a WebAssembly project for applying effects to images, feel free
to allow this project to your portfolio.
I'm sure it'll impress some people if you want to take things a step further.
I encourage you to do so.
You can add additional effects like a blur effect if you're taking my angler course.
I've got some exciting news.
We're going to use WebAssembly to process video files.
If you're not taking my angular course, consider checking it out.
Angular is a great framework to learn otherwise.
I hope to see you again in another course.
Thanks for watching.