docpad - Empower your website frontends with layouts, meta-data, pre-processors (markdown, jade, coffeescript, etc

•    CoffeeScript

---

Hi! I'm DocPad, I streamline the web development process and help close the gap between experts and beginners. I've been used in production by big and small companies for over a year and a half now to create plenty of amazing and powerful web sites and applications quicker than ever before. What makes me different is instead of being a box to cram yourself into and hold you back, I'm a freeway to what you want to accomplish, just getting out of your way and allowing you to create stuff quicker than ever before without limits. Leave the redundant stuff up to me, so you can focus on the awesome stuff.Discover my features below, or skip ahead to the installation instructions to get started with a fully functional pre-made website in a few minutes from reading this.

docpad coffeescript static-site-generator preprocessor template-engine node contributions-discover document-management-system dms content-management-system cms generator static-file-server server web web-framework framework web-development development dev build-and-deployment builder build compiler compile parser parse renderer render templating templates language-agnostic website blog cli tool utility scaffold

Eleventy - Simpler static site generator

•    Javascript

---

Eleventy was created to be a JavaScript alternative to Jekyll. It’s zero-config by default but has flexible configuration options. Eleventy works with your project’s existing directory structure. Eleventy works with multiple template languages like Markdown, Liquid, Nunjucks, Handlebars, Mustache, EJS, Haml, Pug, and JavaScript. You can pick one or use them all together in a single project.

static-site-generator templates documentation-tool blog-engine jamstack static-site

gray-matter - Smarter yaml front matter parser, used by metalsmith, gatsby, netlify, assemble, mapbox-gl, phenomic, and many others

•    Javascript

---

Parse front-matter from a string or file. Fast, reliable and easy to use. Parses YAML front matter by default, but also has support for YAML, JSON, TOML or Coffee Front-Matter, with options to set custom delimiters. Used by metalsmith, assemble, verb and many other projects. Please consider following this project's author, Jon Schlinkert, and consider starring the project to show your ❤️ and support.

yaml front-matter matter parse markdown data gatsby assemble phenomic netlify metalsmith mapbox coffee coffee-script docs documentation extract extracting front frontmatter generate generator gh-pages gray jekyll js json parser parsing site static template toml yfm

Hugo - A Fast and Flexible Static Site Generator built with love in GoLang

•    Go

---

A Fast and Flexible Static Site Generator built with love by spf13 and friends in Go.Hugo is a static HTML and CSS website generator written in Go. It is optimized for speed, ease of use, and configurability. Hugo takes a directory with content and templates and renders them into a full HTML website. Hugo is designed to work well for any kind of website including blogs, tumbles, and docs.

hugo static-site-generator blog-engine cms content-management-system documentation-tool static-site blog

Jekyll - Blog-aware static site generator in Ruby

•    Ruby

---

Jekyll is a simple, blog-aware, static site generator perfect for personal, project, or organization sites. Think of it like a file-based CMS, without all the complexity. Jekyll takes your content, renders Markdown and Liquid templates, and spits out a complete, static website ready to be served by Apache, Nginx or another web server. Jekyll is the engine behind GitHub Pages, which you can use to host sites right from your GitHub repositories.

static-site-generator static-site blog blog-engine cms

Jekyll - Simple, Blog-aware, Static Site Generator

•    Ruby

---

Jekyll is a simple, blog-aware, static site generator. It takes a template directory containing raw text files in various formats, runs it through Markdown (or Textile) and Liquid converters, and spits out a complete, ready-to-publish static website suitable for serving with your favorite web server. Jekyll also happens to be the engine behind GitHub Pages.

site-generator static-site website static-pages blog

cuttlebelle - The react static site generator that separates editing and code concerns

•    HTML

---

All static site generators I have used restrict you to use one layout per page. Todays webdesign needs have outgrown this and we often find ourself either adding code into our content pages (markdown files, liquid templates) or content into our code. That makes updating and maintaining a page hard, especially for a non-technical content author. I needed a generator that can separate content from code as cleanly as possible while still staying a static site generator and as dynamic as possible.

reactjs static-site-generator nodejs react rapid-prototyping content-management react.js editing cli rapid-prototying pretty

generator-jekyllized - A Yeoman generator for Jekyll to rapidly build sites using Gulp

•    Javascript

---

generator-jekyllized is a very opinionated Yeoman generator built with Jekyll and gulp. You will be able to quickly scaffold your site and start developing. As you are working on your site your assets will automatically be updated and injected into your browser as well as your posts. When you are done developing and want to publish it you are two commands away from having everything optimized and published. While developing locally everything you change will automatically be updated and injected into your browser. Changing your SCSS or JavaScript files will automatically updated them, create sourcemaps and inject them. Writing or editing posts and pages for your website will do the same. Simple and effective.

gulp jekyll rapid-development yeoman-generator yeoman static static-site website web scaffold

panini - A super simple flat file generator.

•    Javascript

---

A super simple flat file generator for use with Gulp. It compiles a series of HTML pages using a common layout. These pages can also include HTML partials, external Handlebars helpers, or external data as JSON or YAML. Panini isn't a full-fledged static site generator—rather, it solves the very specific problem of assembling flat files from common elements, using a templating language.

handlebars panini partials handlebars-partials handlebars-helpers gulp json yaml hbs html flat-file data

panini - A super simple flat file generator.

•    Javascript

---

A super simple flat file generator for use with Gulp. It compiles a series of HTML pages using a common layout. These pages can also include HTML partials, external Handlebars helpers, or external data as JSON or YAML. Panini isn't a full-fledged static site generator—rather, it solves the very specific problem of assembling flat files from common elements, using a templating language.

gulp html yaml json data handlebars flat-file partials hbs panini handlebars-partials handlebars-helpers

gutenberg - A fast static site generator in a single binary with everything built-in.

•    Rust

---

A fast static site generator in a single binary with everything built-in. Documentation is available on its site or in the docs/content folder of the repository.

static site-generator tera static-site-generator blog-engine documentation-tool cms markdown markdown-to-html content-management-system

generator-jekyllrb - Supercharge Jekyll development with Yeoman. Yo, Jekyllrb!

•    Javascript

---

Generator-jekyllrb wraps the Jekyll static site generator in a Yeoman development workflow. Scaffold your site with Yo, manage front end packages with Bower, and automate development and build tasks with Grunt. Generator-jekyllrb is ideal for developing performant static sites and prototyping dynamic sites and apps (especially if the final version uses Yeoman too). It's also a great introduction to Yeoman if you're not familiar with JavaScript MV* frameworks.

yeoman-generator jekyll jekyllrb static front-end web site h5bp sass compass coffeescript autoprefixer

harp - Static Site Server/Generator with built-in preprocessing

•    Javascript

---

Harp is a static web server that also serves Jade, Markdown, EJS, Less, Stylus, Sass, and CoffeeScript as HTML, CSS, and JavaScript without any configuration. It supports the beloved layout/partial paradigm and it has flexible metadata and global objects for traversing the file system and injecting custom data into templates. Optionally, Harp can also compile your project down to static assets for hosting behind any valid HTTP server. Pre-compilers are becoming extremely powerful and shipping front-ends as static assets has many upsides. It's simple, it's easy to maintain, it's low risk, easy to scale, and requires low cognitive overhead. I wanted a lightweight web server that was powerful enough for me to abandon web frameworks for dead simple front-end publishing.

static-web-server static-site-generator sass less stylus markdown jade ejs coffeescript

Bridgetown - A Webpack-aware, Ruby-powered static site generator for the modern Jamstack era

•    Ruby

---

Bridgetown is a Webpack-aware, Ruby-powered static site generator for the modern Jamstack era. Bridgetown takes your content, API data, and frontend assets; renders templates in Markdown, Liquid, ERB, and many other formats; and exports a complete website ready to be served by fast Jamstack services like Vercel or Render or traditional web servers like Caddy or Nginx.

static-site-generator webpack documentation-tool blog-engine jamstack

Vuepress - Minimalistic Vue-powered static site generator

•    Vue

---

Vuepress is a minimalistic doc generator with Vue component based layout system. VuePress generates pre-rendered static HTML for each page, and runs as an SPA once a page is loaded.

documentation vue generator static-site blog website

Zola - A fast static site generator in a single binary with everything built-in

•    Rust

---

Zola comes as a single executable with Sass compilation, syntax highlighting, table of contents and many other features that traditionally require setting up a dev environment or adding some JavaScript libraries to your site. The average site will be generated in less than a second, including Sass compilation and syntax highlighting.

static site-generator tera static-site-generator blog-engine documentation-tool cms markdown markdown-to-html content-management-system

Gatsby - Blazing fast static site generator for React

•    Javascript

---

Gatsby is a blazing fast static site generator for React. Gatsby.js is a static PWA (Progressive Web App) generator. You get code and data splitting out-of-the-box. Gatsby loads only the critical HTML, CSS, data, and JavaScript so your site loads as fast as possible. Once loaded, Gatsby prefetches resources for other pages so clicking around the site feels incredibly fast.

static-site blog graphql static-site-generator web-app documentation-tool react pwa progressive-web-app

metalsmith - An extremely simple, pluggable static site generator.

•    Javascript

---

An extremely simple, pluggable static site generator. In Metalsmith, all of the logic is handled by plugins. You simply chain them together. Here's what the simplest blog looks like...

metalsmith static-site-generator markdown markdown-to-html static file site website blog generator jekyll wintersmith blacksmith

wintersmith - A flexible static site generator

•    CoffeeScript

---

Wintersmith is a simple yet flexible static site generator. It takes contents (markdown, less, scripts, etc), transforms them using plugins and outputs a static website (html, css, images, etc) that you can host anywhere. Where <path> is the location you want the site to be generated. This creates a skeleton site with a basic set of templates and some articles, while not strictly needed it's a good starting point.

static-site-generator nodejs wintersmith static generator markdown jade

Next-js-Blog-Boilerplate - 🚀 Nextjs Blog Boilerplate is starter code for your blog based on Next framework

•    TypeScript

---

🚀 Next.js Blog Boilerplate is starter code for your blog based on Next.js 10+ framework with Tailwind CSS 2.0. ⚡️ Made with Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS. Clone this project and use it to create your own Next.js blog. You can check a Next js blog templates demo.

static-site-generator boilerplate typescript eslint nextjs starter-template starter static-site starter-kit netlify jamstack static-website starter-project boilerplate-front-end next-theme next-js tailwind-css jamstack-site nextjs-starter