Nunjucks

Learn how to use Nunjucks as a template language in your CampsiteJS projects.

Nunjucks Template Language

Nunjucks is a powerful templating engine for JavaScript, inspired by Jinja2. It provides a rich set of features for building dynamic web pages and is well-suited for use in CampsiteJS projects.

Key Features of Nunjucks

• Template Inheritance: Create base templates and extend them in child templates.
• Filters: Modify output using built-in or custom filters.
• Macros: Reusable template snippets for cleaner code.
• Asynchronous Support: Handle asynchronous operations seamlessly.

Getting Started with Nunjucks in Campsite

1. Installation: Ensure Nunjucks is included in your CampsiteJS project dependencies.
2. Configuration: Set up Nunjucks as your template engine in the CampsiteJS configuration file.
3. Creating Templates: Start creating .njk files for your templates.
4. Using Nunjucks Syntax: Utilize Nunjucks syntax for variables, control structures, and more.

Example Nunjucks Template

{% extends "base.njk" %}

{% block content %}
  <h1>{{ title }}</h1>
  <p>{{ description | safe }}</p>
{% endblock %}

Conditional Statements

Nunjucks supports conditional statements using if, elif, and else tags.

{% if user.isLoggedIn %}
  <p>Welcome back, {{ user.name }}!</p>
{% else %}
  <p>Please log in to continue.</p>
{% endif %}

Loops

You can iterate over arrays or objects using the for tag.

<ul>
{% for item in items %}
  <li>{{ item }}</li>
{% endfor %}
</ul>

Additional Resources

• Nunjucks Official Documentation
• CampsiteJS Template Language Guide

Feel free to explore and experiment with Nunjucks to enhance your CampsiteJS projects!