Introduction

To get started with your first project on Netlify, we’ll deploy a demo website. Here’s a live example. By the end of this tutorial, you will have completed these steps to help familiarize yourself with Netlify workflows:

• clone project code from an example repository in GitHub and create a new site in the Netlify UI
• leverage continuous deployment in Netlify to kick off an automated build process that generates site assets
• visit your demo project’s URL after Netlify uploads site assets to a content delivery network (CDN) and makes your demo site available
• make changes to the example code and explore some key Netlify features

This tutorial’s example project uses the Astro frontend framework. If you’re not familiar with it, that’s totally fine. Understanding the framework isn’t necessary to complete this tutorial.

Development environment prerequisites

Here’s what you’ll need to have set up to follow along with the steps in each section:

• A code editor like Visual Studio Code.
• Git installed on your system.
• An account with a Git provider: GitHub, GitLab, or Azure DevOps. This tutorial includes instructions for GitHub only, but you can use one of the other supported Git providers instead.
• Node.js 18.14.0 or later installed on your system. Installing Node.js will also install npm.
• Netlify CLI installed on your system, for testing out Netlify Functions in a local development environment.