Guide to Templating

Templating libraries make it easier to build and maintain your app. They give you the ability to dynamically insert data, iterate over arrays, and break your markup into smaller reusable components.

There are lots of different templating options out there. Remix on of these apps and start building something amazing!

5 Projects

Mustache is really approachable and easy.

It's syntax uses double curly braces (which kind of looks like Mustaches! I see it!)

This app built on top of Hello Express.

Uses Mustache
crystal-mustache
A simple Node app built on Express, using Mustache as the templating system.
This app shows you how to use Handlebars.

Handlebars is based off of Mustache with some added funcationality, so the syntax is almost the same and it's easy to switch between the two.

This app built on top of Hello Express.

Uses Handlebars
misty-handlebars
A simple Node app built on Express. Uses Handlebars for view templates
Nunchucks is a templating engine made by Mozilla.

It uses the same curly brace syntax as Mustache but has a lot more functionality out of the box. You can do all sorts of things like filtering and logic.

Uses Nunchucks
hello-nunjucks-boilerplate
Barebones starter for using nunjucks
Pug (formerly known as Jade) is another great templating choice.

The syntax is super minimal (no tags!)

This app is built on top of Hello Express.

Uses Pug
pug-starter-app
Hello Express with pug for templating.
ejs is another popular templating language.

If you use Javascript, the ejs syntax will seem really familiar.

This app built on top of Hello Express.

Uses ejs
ejs-starter-app
Hello Express with ejs for templating.

The web browser that you're using does not support Javascript

The site couldn't load some required content

The site isn't quite ready yet

Glitch doesn't support Internet Explorer yet

Unfortunately, Glitch does not support Google translate at this time

Unfortunately, Glitch does not support running in this cache

Guide to Templating