Deploying to Netlify

Netlify is a hosting provider that specializes in static hosting and relevant supporting services in order to have a fully interactive site that uses static hosting. This includes offerings such as Netlify Functions (serverless functions), Netlify Forms (a no-backend form submission system), and Netlify Identity (an identity/authentication provider).

The following sections require you to have a Netlify account, which is free.

The simplest way to deploy a site to Netlify is to use the drag and drop interface. You'll find this at the bottom of the home page in the logged-in view: https://app.netlify.com. It looks as follows:

Figure 14.18: Netlify's drag and drop deployment section at the bottom of the App home page

We can, therefore, choose a project where we've run the npm run build command and deploy the dist folder by simply dragging it to the drag and drop deployment section, as shown in the following screenshot:

...