How to Use Netlify

Getting started with Netlify

In this guide, you'll learn how to deploy your first website on Netlify and make use of its features like serverless functions and AI-enhanced build optimisation. By the end, you'll have a live site up and running.

Step 1: Sign up and set up

1. Go to Netlify's website.
2. Click on the Sign up button in the top-right corner.
3. Choose to sign up with GitHub, GitLab, or Bitbucket, or use your email address.
4. Follow the prompts to create your account.
5. Once signed in, you’ll see the New site from Git button on your dashboard.

Step 2: Your first deployment

1. Click on New site from Git.
2. Select your Git provider (e.g., GitHub), and authorise Netlify to access your repositories.
3. Choose the repository containing your project.
4. Configure the build settings:

- Branch to deploy: usually main or master. - Build command: enter your build command (e.g., npm run build). - Publish directory: specify the folder where your built files are located (e.g., dist).

1. Click Deploy site. Your site will be built and deployed, and you’ll receive a unique URL.

Step 3: Get better results

1. To enable serverless functions, navigate to the Functions tab on your site dashboard.
2. Click on Create a function and follow the prompts to add your serverless function.
3. For AI-enhanced build optimisation, go to Site settings > Build & deploy and enable the Build plugins option to add useful plugins that enhance the build process.
4. Use the Deploy previews feature to see changes before pushing them live. This can be found under the Deploys section.

Pro tip

Make use of the Netlify CLI tool for local development. Install it via npm with the command npm install netlify-cli -g and use netlify init to connect your local project to your Netlify account. This saves time by allowing you to deploy directly from your command line.

Common mistake to avoid

Avoid skipping the configuration of the build settings during deployment. Incorrect settings can lead to failed builds or your site not displaying correctly. Always double-check your build command and publish directory.