Demonstrate template level caching. Fix #545 (#561)

Co-authored-by: Thibaud Colas <[email protected]>

Author: lupyana

.gitignore

@@ -20,5 +20,6 @@ __pycache__
 .vagrant/
 /.vagrant/
 /Vagrantfile.local
+/bakerydemo/cache
 !.gitignore
 bakerydemo/collect_static

bakerydemo/templates/blog/blog_index_page.html

@@ -1,5 +1,5 @@
 {% extends "base.html" %}
-{% load wagtailcore_tags navigation_tags wagtailimages_tags %}
+{% load wagtailcore_tags navigation_tags wagtailimages_tags wagtail_cache %}
 
 {% if tag %}
     {% block title %}
@@ -37,9 +37,11 @@ <h1 class="index-header__title">Blog</h1>
 
         <div class="blog-list">
             {% if posts %}
-                {% for blog in posts %}
-                    {% include "includes/card/blog-listing-card.html" %}
-                {% endfor %}
+                {% wagtailcache 500 posts %}
+                    {% for blog in posts %}
+                        {% include "includes/card/blog-listing-card.html" %}
+                    {% endfor %}
+                {% endwagtailcache %}
             {% else %}
                 <div class="col-md-12">
                     <p>Oh, snap. Looks like we were too busy baking to write any blog posts. Sorry.</p>