Step 21

We now have a production bundle that is suitable to be served over a static hosting service. There are many such services; we will use Netlify here.

Before continuing, please create an account on Netlify. You can log in to Netlify using your GitHub account, automatically linking your GitHub to your Netlify account. When you log in for the first time, you may be asked to set up your profile, create a workspace or team, etc.

On your Netlify dashboard, click on the "sites" tab. Your list of sites will be empty if you have never used Netlify before. Deploying to Netlify can be as simple as dragging the dist folder into the area shown in the image below:

Once you drag the dist folder, it will take a few moments to upload the files. Next, Netlify will deploy your website and make a random site name for it. You can change the site name through "Site settings." For example, I have deployed mine at https://brick-breaker-fa21.netlify.app/.