#Static website examples install
#Static website examples generator
#Static website examples full
#Static website examples code

#Static website examples code

It allows users to easily embed code into their posts from gists, jsFiddle or their own file systems, all with Solarized styling. Octopress self-identifies as a blogging framework for hackers. Users of Jekyll will find themselves right at home, as many Octopress plugins can be used with minimal modification, and its out of the box framework means users can get up and running in seconds. Octopress' theme is written in Semantic HTML5 and is easy to read on mobile devices. Octopress began its life as a modified version of Jekyll, but it has taken on a life and a community of its own. All this is done with almost no configuration, meaning with Hugo, you can just get straight to work. 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.

#Static website examples full

Hugo takes a directory with content and templates and renders them into a full html website.

#Static website 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.

#Static website 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!!