

Content can be written in Markdown, organized however you want with any URL structure, and metadata can be defined in YAML, TOML or JSON. It's a great choice for blogs and documentation.
#Html websites examples full
Hugo takes a directory with content and templates and renders them into a full html website.
#Html websites examples install
With no dependencies, Hugo is easy to install and update.all you need is the binary.

It is optimized for speed (Hugo sites can be built in milliseconds) and easy to use.
#Html websites examples generator
Hugo is a consistently namechecked static site generator built around Google's Go programming language. Hexo focuses on being a blog framework that is highly extensible, with full support for Octopress plugins out of the box, and many Jekyll plugins with a minimum of tweaking. Hexo is a build tool created with nodeJS, which allows for super speedy rendering, even with extremely large sites. Its large community and wide array of plugins makes it a great jumping off place for bloggers coming from the world of WordPress and Drupal, making it easy to import content from those formats and more. Jekyll takes a directory filled with text files, renders that content with Markdown and Liquid templates, and generates a publish-ready static website. Jekyll is built with Ruby, and is most often used for blogs and personal projects, due to its close integration with GitHub. That's no surprise, considering it underpins GitHub Pages and was created by GitHub co-founder Tom Preston-Werner. Jekyll is far and away the most popular static site generator. React has been used to create some of the SSBs on this list, and will undoubtedly continue to have a hand in the future of the modern web, but for the purposes of this article, we're looking at tools that can build entire sites and apps, not just components. We're letting the community decide by covering the tools with the greatest number of stars on GitHub.īefore we start, you'll probably notice that ReactJS isn't on this list. To decide what to cover, we are using, a leaderboard of the top open-source static site generators (full disclosure: Netlify runs StaticGen). With modern browsers, sites built with JavaScript, APIs and Markup offer the ability to serve highly dynamic content without the shackles of the standard, painfully slow (and expensive) backend database and a server building a site each time a visitor makes a request.įlat files can be served from CDNs around the world, increasing both speed and uptime, and managing static sites with version control systems like Git means the process of creating and updating sites is highly efficient. The benefits of using a static site generator We'll take a look at a lineup of the most popular static website generators and what they're best suited for. Of course, if you are looking to make the switch, the myriad choices can seem daunting. That’s why developers, agencies, and web content producers are turning to static website generators. These days, speed and security are essential for websites. 👋 We have a newer post discussing current SSGs!!
