diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index 7876343..684c8b8 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -27,6 +27,4 @@ jobs:
       - name: Build the site
         env:
           BEEMO_CONFIG: config.yml
-        run: |
-          mkdir www
-          beemo
\ No newline at end of file
+        run: beemo build
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index 950b99e..11af2fc 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,5 @@
 .DS_Store
 www
+apache2
+csv
+analytics
diff --git a/Makefile b/Makefile
index b7a14e2..637b899 100644
--- a/Makefile
+++ b/Makefile
@@ -1,5 +1,18 @@
+export BEEMO_CONFIG=config.yml
+
+.PHONY: build logs analytics serve serve-analytics
+
 build:
-	BEEMO_CONFIG=config.yml beemo
+	BEEMO_CONFIG=$(BEEMO_CONFIG) beemo build
+
+logs:
+	BEEMO_CONFIG=$(BEEMO_CONFIG) beemo logs
+
+analytics:
+	BEEMO_CONFIG=$(BEEMO_CONFIG) beemo analytics
 
 serve:
-	python -m http.server -d www 8011 &
+	python -m http.server -d www 8000
+
+serve-analytics:
+	python -m http.server -d analytics 8000
diff --git a/README.md b/README.md
index e7a17f6..311d1c9 100644
--- a/README.md
+++ b/README.md
@@ -8,6 +8,18 @@ static site generator called [beemo](https://github.com/bennuttall/beemo).
 This repo contains content, static files and
 [Chameleon](https://chameleon.readthedocs.io/en/latest/) templates for the website.
 
+## Build
+
+Requires [beemo](https://github.com/bennuttall/beemo) with the `logs` extra installed.
+
+```bash
+make build          # build the site
+make logs           # process Apache logs into CSV
+make analytics         # generate analytics report
+make serve          # serve the site locally on port 8011
+make serve-analytics   # serve the analytics report on port 8012
+```
+
 ## Licences
 
 Contents are Copyright Python North West. The HTML template is provide by [HTML5
diff --git a/config.yml b/config.yml
index e909e90..fb43412 100644
--- a/config.yml
+++ b/config.yml
@@ -1,4 +1,15 @@
-pages_dir: pages
-static_dir: static
 templates_dir: templates
-output_dir: www
\ No newline at end of file
+csv_dir: csv
+
+build:
+  pages_dir: pages
+  static_dir: static
+  output_dir: www
+
+logs:
+  logs_dir: apache2
+  pattern: "pynw.org-access*"
+
+analytics:
+  output_dir: analytics
+  base_url: https://pynw.org
diff --git a/templates/analytics.pt b/templates/analytics.pt
new file mode 100644
index 0000000..7e59ff3
--- /dev/null
+++ b/templates/analytics.pt
@@ -0,0 +1,281 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>${title}</title>
+  <script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script>
+  <style>
+    * { box-sizing: border-box; margin: 0; padding: 0; }
+    body { font-family: system-ui, sans-serif; background: #f5f5f5; color: #222; padding: 2rem; }
+    .container { width: 640px; margin: 0 auto; }
+    h1 { font-size: 1.5rem; margin-bottom: 1.5rem; }
+    .cards { display: flex; gap: 1rem; margin-bottom: 2rem; flex-wrap: wrap; }
+    .card { background: #fff; border-radius: 8px; padding: 1.25rem 1.75rem; box-shadow: 0 1px 3px rgba(0,0,0,.1); }
+    .card .value { font-size: 2rem; font-weight: 700; }
+    .card .label { font-size: .85rem; color: #666; margin-top: .2rem; }
+    .panel { background: #fff; border-radius: 8px; padding: 1.25rem; box-shadow: 0 1px 3px rgba(0,0,0,.1); margin-bottom: 1.5rem; }
+    .panel h2 { font-size: 1rem; margin-bottom: 1rem; color: #444; }
+    table { width: 100%; border-collapse: collapse; font-size: .9rem; }
+    th { text-align: left; padding: .4rem .6rem; border-bottom: 2px solid #eee; color: #666; font-weight: 600; }
+    th:last-child { width: 4rem; }
+    td { padding: .4rem .6rem; border-bottom: 1px solid #f0f0f0; vertical-align: middle; }
+    td:last-child { color: #555; white-space: nowrap; }
+    tr:last-child td { border-bottom: none; }
+    .page-title { font-weight: 500; }
+    .page-path { font-size: .8rem; color: #888; }
+    .badge { display: inline-block; font-size: .7rem; padding: .1rem .4rem; border-radius: 3px; color: #fff; vertical-align: middle; margin-left: .4rem; }
+    tfoot td { border-bottom: none; padding: .5rem .6rem; }
+    .expand-btn { background: none; border: none; color: #4f81c7; cursor: pointer; font-size: .85rem; padding: 0; text-decoration: underline; }
+    .expand-btn:hover { color: #2a5a9f; }
+    .ext-link { color: #bbb; text-decoration: none; vertical-align: middle; margin-left: .2rem; }
+    .ext-link:hover { color: #4f81c7; }
+    .ref-link { color: #222; text-decoration: none; }
+    .ref-link:hover { text-decoration: underline; }
+    nav { margin-bottom: 1.5rem; }
+    .breadcrumbs { font-size: .85rem; color: #888; margin-bottom: .6rem; }
+    .breadcrumbs a { color: #4f81c7; text-decoration: none; }
+    .breadcrumbs a:hover { text-decoration: underline; }
+    .breadcrumbs span + span::before { content: " / "; color: #ccc; }
+    .nav-links { display: flex; gap: .5rem; flex-wrap: wrap; }
+    .nav-links a { background: #fff; border-radius: 6px; padding: .3rem .8rem; font-size: .85rem; color: #4f81c7; text-decoration: none; box-shadow: 0 1px 3px rgba(0,0,0,.1); }
+    .nav-links a:hover { background: #4f81c7; color: #fff; }
+    .nav-links a.current { background: #4f81c7; color: #fff; pointer-events: none; }
+    .prev-next { display: flex; justify-content: space-between; margin-top: .6rem; font-size: .85rem; }
+    .prev-next a { color: #4f81c7; text-decoration: none; }
+    .prev-next a:hover { text-decoration: underline; }
+  </style>
+</head>
+<body>
+<div class="container">
+
+  <nav>
+    <div class="breadcrumbs" tal:condition="nav['breadcrumbs']">
+      <span tal:repeat="crumb nav['breadcrumbs']"><a tal:attributes="href crumb['url']">${crumb['label']}</a></span>
+    </div>
+    <div class="nav-links" tal:condition="nav.get('years')">
+      <a tal:repeat="item nav['years']"
+         tal:attributes="href item['url']; class python: 'current' if item.get('current') else None">${item['label']}</a>
+    </div>
+    <div class="nav-links" tal:condition="nav.get('months')" tal:attributes="style python: 'margin-top: .5rem' if nav.get('years') else None">
+      <a tal:repeat="item nav['months']"
+         tal:attributes="href item['url']; class python: 'current' if item.get('current') else None">${item['label']}</a>
+    </div>
+    <div class="prev-next" tal:condition="python: nav.get('prev') or nav.get('next')">
+      <a tal:condition="nav.get('prev')" tal:attributes="href nav['prev']['url']">&larr; ${nav['prev']['label']}</a>
+      <span tal:condition="not: nav.get('prev')"></span>
+      <a tal:condition="nav.get('next')" tal:attributes="href nav['next']['url']">${nav['next']['label']} &rarr;</a>
+    </div>
+  </nav>
+
+  <h1>${title}</h1>
+
+  <tal:block tal:define="
+    fmt python: lambda d: datetime.strptime(d, '%Y-%m-%d').strftime('%-d %B %Y');
+    date_range python: fmt(report['date_from']) if report['date_from'] == report['date_to'] else fmt(report['date_from']) + ' \u2013 ' + fmt(report['date_to']);
+    base python: report['base_url'].rstrip('/')
+  ">
+  <div class="cards">
+    <div class="card"><div class="value" tal:content="python: '{:,}'.format(report['total_hits'])">0</div><div class="label">Total hits</div></div>
+    <div class="card"><div class="value" tal:content="python: '{:.1f}%'.format(report['bot_hits'])">0%</div><div class="label">Bot hits</div></div>
+    <div class="card"><div class="value" tal:content="python: '{:,}'.format(report['unique_ips'])">0</div><div class="label">Unique IPs</div></div>
+    <div class="card"><div class="value">${date_range}</div><div class="label">Date range</div></div>
+  </div>
+  </tal:block>
+
+  <div class="panel">
+    <h2>Hits by month</h2>
+    <canvas id="monthChart"></canvas>
+  </div>
+
+  <div class="panel">
+    <h2>Hits by day</h2>
+    <canvas id="dayChart"></canvas>
+  </div>
+
+  <!-- Pages -->
+  <div class="panel" tal:condition="report['sections']['page']" tal:define="entries report['sections']['page']; top entries[:10]; rest entries[10:20]">
+    <h2>Pages</h2>
+    <table>
+      <thead><tr><th>Page</th><th>Hits</th></tr></thead>
+      <tbody>
+        <tr tal:repeat="p top" tal:define="base report['base_url'].rstrip('/')">
+          <td>
+            <span class="page-title">${p['title']}</span>
+            <a tal:condition="base" tal:attributes="href base + p['path']" target="_blank" rel="noopener" class="ext-link">&#8599;</a>
+            <br /><span class="page-path">${p['path']}</span>
+          </td>
+          <td tal:content="python: '{:,}'.format(p['hits'])">0</td>
+        </tr>
+      </tbody>
+      <tbody class="more" hidden="hidden" tal:condition="rest">
+        <tr tal:repeat="p rest" tal:define="base report['base_url'].rstrip('/')">
+          <td>
+            <span class="page-title">${p['title']}</span>
+            <a tal:condition="base" tal:attributes="href base + p['path']" target="_blank" rel="noopener" class="ext-link">&#8599;</a>
+            <br /><span class="page-path">${p['path']}</span>
+          </td>
+          <td tal:content="python: '{:,}'.format(p['hits'])">0</td>
+        </tr>
+      </tbody>
+      <tfoot tal:condition="rest">
+        <tr><td colspan="2">
+          <button class="expand-btn" onclick="toggleMore(this)" tal:content="python: f'Show {len(rest)} more'">Show more</button>
+        </td></tr>
+      </tfoot>
+    </table>
+  </div>
+
+  <!-- Posts -->
+  <div class="panel" tal:condition="report['sections']['post']" tal:define="entries report['sections']['post']; top entries[:10]; rest entries[10:20]">
+    <h2>Posts</h2>
+    <table>
+      <thead><tr><th>Post</th><th>Hits</th></tr></thead>
+      <tbody>
+        <tr tal:repeat="p top" tal:define="base report['base_url'].rstrip('/')">
+          <td>
+            <span class="page-title">${p['title']}</span>
+            <a tal:condition="base" tal:attributes="href base + p['path']" target="_blank" rel="noopener" class="ext-link">&#8599;</a>
+            <br /><span class="page-path">${p['path']}</span>
+          </td>
+          <td tal:content="python: '{:,}'.format(p['hits'])">0</td>
+        </tr>
+      </tbody>
+      <tbody class="more" hidden="hidden" tal:condition="rest">
+        <tr tal:repeat="p rest" tal:define="base report['base_url'].rstrip('/')">
+          <td>
+            <span class="page-title">${p['title']}</span>
+            <a tal:condition="base" tal:attributes="href base + p['path']" target="_blank" rel="noopener" class="ext-link">&#8599;</a>
+            <br /><span class="page-path">${p['path']}</span>
+          </td>
+          <td tal:content="python: '{:,}'.format(p['hits'])">0</td>
+        </tr>
+      </tbody>
+      <tfoot tal:condition="rest">
+        <tr><td colspan="2">
+          <button class="expand-btn" onclick="toggleMore(this)" tal:content="python: f'Show {len(rest)} more'">Show more</button>
+        </td></tr>
+      </tfoot>
+    </table>
+  </div>
+
+  <!-- Other (tags, archive, index) -->
+  <div class="panel" tal:condition="report['sections']['other']" tal:define="
+    entries report['sections']['other'];
+    top entries[:10];
+    rest entries[10:20];
+    badge_colours python: {'tag': '#e0a060', 'archive': '#a06090', 'index': '#888'}
+  ">
+    <h2>Other</h2>
+    <table>
+      <thead><tr><th>Page</th><th>Hits</th></tr></thead>
+      <tbody>
+        <tr tal:repeat="p top" tal:define="base report['base_url'].rstrip('/')">
+          <td>
+            <span class="page-title">${p['title']}</span>
+            <a tal:condition="base" tal:attributes="href base + p['path']" target="_blank" rel="noopener" class="ext-link">&#8599;</a>
+            <span class="badge"
+              tal:define="colour python: badge_colours.get(p['type'], '#888')"
+              tal:attributes="style python: 'background:' + colour"
+              tal:content="p['type']">type</span>
+            <br /><span class="page-path">${p['path']}</span>
+          </td>
+          <td tal:content="python: '{:,}'.format(p['hits'])">0</td>
+        </tr>
+      </tbody>
+      <tbody class="more" hidden="hidden" tal:condition="rest">
+        <tr tal:repeat="p rest" tal:define="base report['base_url'].rstrip('/')">
+          <td>
+            <span class="page-title">${p['title']}</span>
+            <a tal:condition="base" tal:attributes="href base + p['path']" target="_blank" rel="noopener" class="ext-link">&#8599;</a>
+            <span class="badge"
+              tal:define="colour python: badge_colours.get(p['type'], '#888')"
+              tal:attributes="style python: 'background:' + colour"
+              tal:content="p['type']">type</span>
+            <br /><span class="page-path">${p['path']}</span>
+          </td>
+          <td tal:content="python: '{:,}'.format(p['hits'])">0</td>
+        </tr>
+      </tbody>
+      <tfoot tal:condition="rest">
+        <tr><td colspan="2">
+          <button class="expand-btn" onclick="toggleMore(this)" tal:content="python: f'Show {len(rest)} more'">Show more</button>
+        </td></tr>
+      </tfoot>
+    </table>
+  </div>
+
+  <!-- Referring sites -->
+  <div class="panel" tal:define="counts report['referer_counts']; top counts[:10]; rest counts[10:20]">
+    <h2>Referring sites</h2>
+    <table>
+      <thead><tr><th>Domain</th><th>Hits</th></tr></thead>
+      <tbody>
+        <tr tal:repeat="item top">
+          <td><a tal:attributes="href 'https://' + item[0]" target="_blank" rel="noopener" class="ref-link">${item[0]} &#8599;</a></td>
+          <td tal:content="python: '{:,}'.format(item[1])">0</td>
+        </tr>
+      </tbody>
+      <tbody class="more" hidden="hidden" tal:condition="rest">
+        <tr tal:repeat="item rest">
+          <td><a tal:attributes="href 'https://' + item[0]" target="_blank" rel="noopener" class="ref-link">${item[0]} &#8599;</a></td>
+          <td tal:content="python: '{:,}'.format(item[1])">0</td>
+        </tr>
+      </tbody>
+      <tfoot tal:condition="rest">
+        <tr><td colspan="2">
+          <button class="expand-btn" onclick="toggleMore(this)" tal:content="python: f'Show {len(rest)} more'">Show more</button>
+        </td></tr>
+      </tfoot>
+    </table>
+  </div>
+
+  <!-- User agents -->
+  <div class="panel">
+    <h2>User agents</h2>
+    <canvas id="uaChart"></canvas>
+  </div>
+
+</div>
+
+<script>
+new Chart(document.getElementById('monthChart'), {
+  type: 'bar',
+  data: {
+    labels: <tal:block replace="structure python: json.dumps([datetime.strptime(m, '%Y-%m').strftime('%B %Y') for m in report['months']])" />,
+    datasets: [{ data: <tal:block replace="structure json.dumps(report['hits_by_month'])" />, backgroundColor: '#4f81c7', borderRadius: 3 }]
+  },
+  options: { plugins: { legend: { display: false } }, scales: { y: { beginAtZero: true } } }
+});
+
+new Chart(document.getElementById('dayChart'), {
+  type: 'bar',
+  data: {
+    labels: <tal:block replace="structure python: json.dumps([datetime.strptime(d, '%Y-%m-%d').strftime('%-d %B') for d in report['dates']])" />,
+    datasets: [{ data: <tal:block replace="structure json.dumps(report['hits_by_day'])" />, backgroundColor: '#4f81c7', borderRadius: 3 }]
+  },
+  options: { plugins: { legend: { display: false } }, scales: { y: { beginAtZero: true } } }
+});
+
+new Chart(document.getElementById('uaChart'), {
+  type: 'bar',
+  data: {
+    labels: <tal:block replace="structure python: json.dumps([item['ua'] for item in report['ua_counts']])" />,
+    datasets: [{ data: <tal:block replace="structure python: json.dumps([item['hits'] for item in report['ua_counts']])" />, backgroundColor: <tal:block replace="structure python: json.dumps(['#aaa' if item['is_bot'] else '#4f81c7' for item in report['ua_counts']])" />, borderRadius: 3 }]
+  },
+  options: {
+    indexAxis: 'y',
+    plugins: { legend: { display: false } },
+    scales: { x: { beginAtZero: true } }
+  }
+});
+
+function toggleMore(btn) {
+  const more = btn.closest('table').querySelector('.more');
+  const hidden = more.hidden;
+  more.hidden = !hidden;
+  btn.textContent = hidden ? 'Show less' : 'Show ' + more.rows.length + ' more';
+}
+</script>
+</body>
+</html>

Page	Hits
+ ${p['title']} + ↗ + ${p['path']} +	0
+ ${p['title']} + ↗ + ${p['path']} +	0
+ +
Page	Hits
+ ${p['title']} + ↗ + type + ${p['path']} +	0
+ ${p['title']} + ↗ + type + ${p['path']} +	0
+ +