The data-driven Web framework

<!-- templates/products/index.html -->
{% extends "layout" %}

{% block content %}
  <h1>Products</h1>
  
  {% if documents %}
    {% for product in documents %}
      <div class="product-card">
        <h2>{{ product.name }}</h2>
        <p>{{ product.description }}</p>
        <span class="price">${{ product.price }}</span>
      </div>
    {% endfor %}
  {% endif %}
  
  <!-- Pagination automatically available -->
  {% if totalPages > 1 %}
    <nav class="pagination">
      {% for p in range(1, totalPages + 1) %}
        <a href="?page={{ p }}">{{ p }}</a>
      {% endfor %}
    </nav>
  {% endif %}
{% endblock %}

# Browser requests HTML
curl -H "Accept: text/html" \
    http://localhost:8080/products
→ Rendered HTML page

# API clients request JSON
curl -H "Accept: application/json" \
    http://localhost:8080/products
→ JSON response

# No template? Still returns JSON
curl http://localhost:8080/orders
→ JSON (SSR is opt-in per resource)