Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up for Free

Challenge 2 – Host Your Gatsby Site for Free

Hashim Warren
January 8th, 2020

Gatsby was named the #1 new technology to learn in 2020!

To help you learn about Gatsby and our ecosystem, we invite you to take the #100DaysOfGatsby challenge! If you are new to Gatsby, you can follow along with our beginner-friendly weekly prompts. Or if you are familiar with Gatsby and want to go deeper, we invite you to build your first Gatsby Theme.

Learn more about #100DaysOfGatsby here!

Challenge 2: Build and Deploy Your Gatsby Site (Using Free Tools)

This week we invite you to deploy your Gatsby project to the web!

If you’re experienced with launching an all-in-one CMS-powered or database-backed website, then the process of putting a Gatsby site live on the web may feel strange to you. You will be using continuous deployment tools to prepare and publish your site. It’s okay if your site is unfinished, as getting a website deployed will allow you to test on mobile devices and share with your colleagues to get feedback on design and development.

To complete this challenge, we would like you to:

  1. host your project in a cloud git repository (publicly or privately),
  2. then use a “build service” to create a production version of your site
  3. and automatically publish your site’s assets directly to a Content Delivery Network (CDN).

Amazingly, for small projects you can use all of these services for free. There are many Gatsby sites in the wild that pay $0 for hosting!

Bonus: Try deploying your site to the free tier of multiple services to see first hand which one you’d like to adopt. You may notice differences in features, developer experience, and build speeds and limits.

Challenge Resources

For your git repo, you can use GitHub, GitLab, Bitbucket, or many similar services.

And for your build tool and CDN we see many people have success with AWS Amplify, Netlify, and Vercel. Our documentation has step-by-step tutorials for those services, and others.

What to Do If You Need Help

If you get stuck during the challenge, you can ask for help from the Gatsby community and the ASKGatsbyJS Twitter account.. You can find fellow Gatsby Developers on Discord, Reddit, and Dev.

Share on TwitterShare on LinkedInShare on FacebookShare via Email

Full Stack Marketer, writing copy and code - https://www.configmag.com

Follow Hashim Warren on Twitter

Tagged with 100-Days-of-Gatsby, contest, learning-to-codeView all Tags

Talk to our team of Gatsby Experts to supercharge your website performance.

Contact Gatsby Now
© 2024 Gatsby, Inc.