Blog: Free-From: How to Deploy Your First Netlify App

A dead-simple guide on how to deploy your first website on Netlify, either through a Git repository, or a regular static HTML site!

Free-From is my new series where I write guides and information without anything unnecessary. It’s straight to the point.

Netlify logo on a blue background Netlify - netlify.com

What Is Netlify?

Netlify allows you to build and deploy websites directly from either a Git repository, or a folder on your computer. You can use a Git repo to ensure changes pushed to a specific branch are automatically deployed within seconds, or use a folder when you don’t need to update as often.

Netlify really is as easy as they say. It will build your site automatically when using a Git repository - all you need to do is type your build command.

Publish With Git

Using a Git repository with Netlify couldn’t be more simple.

The Steps

  1. Go to Netlify and click Sign Up to register an account. No credit card required!
  2. Log into your new account and click New site from Git
  3. Select a Git provider (GitHub, GitLab, Bitbucket) and go through their authentication process. Pick out the repositories you want to publish with Netlify, or just allow access to all - Netlify won't build any unless you tell it to in the next steps
  4. Select a repository to publish from the list
  5. If you’re using a static site generator like Next.js, type your build command and build directory (where your output files are located)
  6. If you need to, click Advanced to change environment variables and other bits (you can do this after deployment too)
  7. Click Deploy Site
  8. Visit your new site with the URL (ending “.netlify.app”) displayed at the top of the window

Publish With Static Pages

You can use a directory containing a regular static HTML site instead of Git.

The Steps

  1. Go to Netlify and click Sign Up to register an account. No credit card required!
  2. Log into your new account
  3. In your file explorer, navigate to the directory containing your website folder
  4. Click and drag the folder onto the Netlify window
  5. Visit your new site with the URL (ending “.netlify.app”) displayed at the top of the window. It deploys automatically!