Git & GitHub Course
Git & GitHub
/
Intermediate

Netlify Integration

Definition

A popular alternative to Vercel, providing continuous deployment services for static sites, Jamstack architectures, and serverless functions directly from GitHub.

Explain Like I'm New

Very similar to Vercel. You link your GitHub repo, and Netlify automatically builds and hosts your website. Netlify is famous for its 'Deploy Previews' and forms integration.

Real World Example

Building a blog with Gatsby or Hugo and deploying it to Netlify, using Netlify CMS to allow non-technical users to edit content.

Common Use Cases

  • •Jamstack applications
  • •Static site generation

Terminal Output

bash / terminal
# Example netlify.toml file [build] # The command Netlify should run to build the site command = "npm run build" # The folder Netlify should serve to the public publish = "dist/" # Advanced: Setting up a redirect for a Single Page App (React) # This routes all traffic to index.html so React Router handles the URLs [[redirects]] from = "/*" to = "/index.html" status = 200

Interview Questions

basic

  • What configuration file is often placed in the root of a repo to tell Netlify how to build the site?

intermediate

  • What is a Netlify Build Plugin?

Flash Cards

Question

Configuration file?

Click to reveal answer
Answer

`netlify.toml`. It defines the build command (`npm run build`) and the publish directory (`/build`).

Question

Build Plugin?

Click to reveal answer
Answer

Add-ons you can install via the Netlify UI that run during the deployment process, such as optimizing images, running Lighthouse audits, or caching Node modules.