Astro recipe collection website - Part 5 Hosting on Netlify


Hosting Astro websites on Netlify

16 Aug, 2021 · 2 min read

We finished our Astro recipe website, and now it’s time to publish our fantastic website on the World Wide Web.

We’ll be using Netlify as our hosting provider, as it’s a super simple system and setup.

Fixing our Astro source code

Before we do anything, let’s make sure we add two steps to make our lives easier.

Make sure your master branch is up to date and add a netlify.toml file.

  command = "npm run build"
  publish = "dist"

This file will make sure Netlify takes the default configuration for this project.

Next up, create a .nvmrc file. This tells Netlify which node version to use, as it by default will use Node 12, and we want to use 14+ with Astro.


Hosting Astro on Netlify

  1. Header over to Netlify and create an account
  2. Press the “New site from Git” button
  3. Click on your Git provider and follow the steps
  4. In the build settings, use the following settings:

Netlify Astro build settings

Then click the deploy button, and watch the magic happen!

You will now have your website available at the domain provided by Netlify.

Check out the Astro recipe website on Netlify

From here, you can even change this to be your domain.

Updating Astro code on Netlify

But what if we need to update anything? Don’t worry, Netlify makes this super easy, literally super easy!

To get a new release online, all you have to do is push your changes to the master branch! (Or whichever branch you setup)

I happen to like Netlify since it’s super easy, and their free tier is massive. But if you like to explore other options, check out Astro’s documentation for hosting.

Thank you for reading, and let’s connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on Facebook or Twitter

Spread the knowledge with fellow developers on Twitter
Tweet this tip
Powered by Webmentions - Learn more

Read next 📖

Computed Nano Stores

6 Sep, 2022 · 2 min read

Computed Nano Stores

Astro Nano Stores maps

5 Sep, 2022 · 3 min read

Astro Nano Stores maps

Join 2099 devs and subscribe to my newsletter