--- title: "Deploy a free Gatsby, Hugo, or Eleventy website template in 30 seconds | Netlify" description: "Realize the speed, agility and performance of a scalable, composable web architecture with Netlify. Explore the composable web platform now!" source: "https://www.netlify.com/blog/2018/07/03/deploy-a-free-gatsby-hugo-or-eleventy-website-template-in-30-seconds/" last_updated: "2026-07-02T22:28:45.000Z" --- Whether you are kicking off a new web project or just want to explore a new static site generator like Hugo, Gatsby, or Eleventy, you shouldn’t have to start from scratch. Shouldn’t you be able to quickly bootstrap a project, link it to a new Git repository, and deploy it? Oh, and bonus points if you can set up continuous deployment, HTTPS and a custom domain in the same workflow? Yep. We think so. That’s why we’ve started a collection of quick-start project [templates](https://www.netlify.com/integrations/templates/). ![A template page showing a Gatsby template on templates.netlify.com](/v3/img/blog/templates-page-screenshot.jpg) ## What’s inside Netlify’s free website templates? The central requirement for each of Netlify’s website templates is that you can kick off a project with a single click. Each template is a Git repository that you can clone and use either as a starting point for your own project, or as a chance to explore and learn about an particular framework, feature, technology or pattern. Different projects and developers have different requirements, so you’ll find a variety of templates here. Some include a little HTML and CSS styling. Some are bare bones. The current selection includes: - [GatsbyJS blog template](https://github.com/philhawksworth/gatsby-starter-blog/blob/master/README.md) - [Hugo blog template](https://github.com/netlify-templates/one-click-hugo-cms/blob/main/README.md) - [Eleventy blog template](https://github.com/11ty/eleventy-base-blog/blob/main/README.md) - [A site built with Hugo and managed by Netlify CMS](https://github.com/netlify-templates/one-click-hugo-cms/blob/main/README.md) - [A Gulp build pipeline for your JavaScript, Sass, Images, and any SSG](https://github.com/philhawksworth/eleventyone/blob/master/README.md) - [A serverless function workflow for AWS Lambda](https://github.com/philhawksworth/eleventyone/blob/master/README.md) - And more ## How do I use a template? Click the Deploy to Netlify button. That’s it. You’re done. ![An example of a Deploy to Netlify button](/v3/img/blog/dtn-button.png) A Deploy to Netlify button is a pointer to a repository. When you click one, it: - Clones the template repo into your own GitHub account (after asking for your permission) - Creates a new site project in Netlify for you and links it to your new repo - Installs all the dependencies - Sets up continuous deployment, branch builds, preview builds and HTTPS - Builds your site and deploys it to Netlify’s global CDN That’s a production environment you just provisioned! With continuous deployment ready to deploy your changes whenever you push to your new Git repo. ## Where do I find templates? Each template lives on its own page at [templates.netlify.com](https://www.netlify.com/integrations/templates/) so that you can bookmark and share whichever templates you find useful. We’ll continue to add more templates, tagging each one carefully so you can easily find what interests you, like [Gatsby](https://www.netlify.com/with/gatsby/), [Hugo](https://www.netlify.com/integrations/community-built/one-click-hugo-template/) or [Serverless](https://www.netlify.com/integrations/templates/). ## Can you contribute? You certainly can. We’ll curate the list quite carefully, but will gladly consider contributions. A well documented Git repo which successfully deploys to Netlify with [Deploy to Netlify button](https://docs.netlify.com/site-deploys/create-deploys/#deploy-to-netlify-button) is what you need. You can read more about raising a pull request to contribute your own templates in the [Netlify Templates repo README file](https://github.com/netlify/templates/blob/master/README.md). ## Ready to try one out? Great. Head over to [Netlify templates](https://www.netlify.com/integrations/templates/). Ready? Set? Deploy! ### Share - [X (fka Twitter)](https://twitter.com/intent/tweet?text=Deploy a free Gatsby, Hugo, or Eleventy website template in 30 seconds&url=https://www.netlify.com/blog/2018/07/03/deploy-a-free-gatsby-hugo-or-eleventy-website-template-in-30-seconds//) - [LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.netlify.com%2Fblog%2F2018%2F07%2F03%2Fdeploy-a-free-gatsby-hugo-or-eleventy-website-template-in-30-seconds%2F%2F) - [Facebook](https://www.facebook.com/sharer.php?u=https://www.netlify.com/blog/2018/07/03/deploy-a-free-gatsby-hugo-or-eleventy-website-template-in-30-seconds//) - [Bluesky](https://bsky.app/intent/compose?text=Deploy a free Gatsby, Hugo, or Eleventy website template in 30 seconds+https://www.netlify.com/blog/2018/07/03/deploy-a-free-gatsby-hugo-or-eleventy-website-template-in-30-seconds//) * * * ### Tags - [Gatsby](/blog/tags/gatsby/) - [Hugo](/blog/tags/hugo/) - [CMS](/blog/tags/cms/) - [templates](/blog/tags/templates/) - [Jamstack](/blog/tags/jamstack/) ## Keep reading ![](/_astro/bbe3cfe0b5d5228f5d0a66e26ce057de315c7712-1200x675_ZQfk21.webp) Tools & Services December 3, 2025 [ ### Vibe coding to production with Kiro powers ](/blog/vibe-coding-production-kiro-powers) - ![Profile picture of Gehrig Kunz](/_astro/b4e9f58d914d1334ea70d53ea55a1f26b26f1445-512x512_17SwOI.webp) Gehrig Kunz ![](/_astro/b596a7453ede5fe6739bd12506636fe522828198-2400x1351_1ANtEG.webp) Tools & Services February 21, 2025 [ ### Secure local development with Codezero for Netlify ](/blog/secure-local-development-codezero) - Kathleen Randall ## Recent posts News & Announcements June 25, 2026 [ ### Netlify Functions, designed for Agent Experience ](/blog/netlify-functions-designed-for-agent-experience) - ![Profile picture of Eduardo Bouças](/_astro/52958f21e8450baf6d8e60302341a984e220c0cd-512x512_13VDlu.webp) Eduardo Bouças News & Announcements June 24, 2026 [ ### How we measure Netlify’s Agent Experience ](/blog/how-we-measure-netlify-agent-experience) - ![Profile picture of Sean Roberts](/_astro/bbf2243f8171dbddd80ab2103622106cef84d125-512x512_Z1d2LKE.webp) Sean Roberts Guides & Tutorials May 15, 2026 [ ### How to build a real-time AI chatbot in minutes with Netlify Agent Runners (no backend) ](/blog/how-to-build-a-real-time-ai-chatbot-in-minutes-with-netlify-agent-runners-no-backend) - ![Profile picture of Nahrin Jalal](/_astro/f0e7c8f227a03fe58340c99ef5439d5a896c0733-272x272_Z23kDpD.webp) Nahrin Jalal ![](/_astro/3f255b372fa958df35802666ee33b4609b2d71bd-1200x1586_1VtE2D.webp) ### How do the best dev and marketing teams work together? [Access the report](https://www.netlify.com/reports/2024-leadership-trend-report/access/)