TudorandClaude Opus 5
6fc7fce948
PR Checks / Frontend Typecheck + Tests (pull_request) Successful in 1m15s
PR Checks / Backend Smoke (pull_request) Successful in 9s
PR Checks / Build Backend (no push) (pull_request) Successful in 20s
PR Checks / Build Frontend (no push) (pull_request) Successful in 1m21s
PR Checks / Build Pipeline (no push) (pull_request) Successful in 12s
PR Checks / AI Code Review (Claude) (pull_request) Successful in 1m39s
Both features ship dark. Neither is reachable in an environment where its flag is off, and every flag in this system starts off, so a deploy of this commit makes both disappear until someone turns them on deliberately. Two independent flags rather than one, which makes blog-on-about-off a reachable state. That state is the whole reason the change is larger than four notFound() calls: the blog leans on the About page for its author identity. The Person entity is anchored at /about#tudor, and that URL 404s while about_page is dark, so a post published in that state would claim an author resolving to nothing. Worse than having no named author. Both bylines fall back to unlinked text and the BlogPosting attributes to the publisher instead, so every combination of the two flags renders something correct. Gated: /about, /blog, /blog/[slug], the RSS feed, both footer links, and the matching content-sitemap entries. A sitemap must never advertise a URL that 404s. With both dark it emits a valid empty urlset rather than a 404, because robots.txt names it unconditionally. Not gated: /admin. Posts have to be writable before the blog is worth switching on, so flagging the panel would make the flag unflippable. getFlags takes a revalidate rather than always using the 300s constant. Reading a flag pins the calling route to the lowest revalidate among its fetches, and the footer links live in the root layout, so a naive gate there would have dropped every school and place page from a weekly cache to a 5-minute one. The layout passes 604800, the floor those routes already declare, and the build confirms all four SSG route families still prerender. The cost is one-way latency: pages follow a flip in minutes, footer links within a week. The e2e journeys follow the existing paired shape from the admission_distance flag: a lit journey and a dark one for each flag, reading state from whether /about and /blog respond rather than from /api/flags, which another journey asserts is not publicly reachable. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01DXnXQKnPpZBBP61fBQiFkq
86 lines
2.8 KiB
TypeScript
86 lines
2.8 KiB
TypeScript
import type { Metadata } from 'next';
|
|
import Link from 'next/link';
|
|
import { notFound } from 'next/navigation';
|
|
import { getCachedPayload } from '@/lib/payload';
|
|
import { absoluteUrl } from '@/lib/site';
|
|
import { getFlags } from '@/lib/flags';
|
|
import styles from './Blog.module.css';
|
|
|
|
/*
|
|
* Dynamic, not ISR.
|
|
*
|
|
* This route has no dynamic params, so Next prerenders it at build time — and
|
|
* CI builds the image with no database reachable, which fails the build. It is
|
|
* a single indexed query against Postgres on the same Docker network, so
|
|
* rendering per request is cheap, and it means a newly published post appears
|
|
* here immediately rather than waiting on a revalidation.
|
|
*/
|
|
export const dynamic = 'force-dynamic';
|
|
|
|
export const metadata: Metadata = {
|
|
title: 'Blog',
|
|
description:
|
|
'Notes on what school performance data shows, and what it does not.',
|
|
alternates: { canonical: absoluteUrl('/blog') },
|
|
};
|
|
|
|
function formatDate(value: string) {
|
|
return new Date(value).toLocaleDateString('en-GB', {
|
|
day: 'numeric',
|
|
month: 'long',
|
|
year: 'numeric',
|
|
});
|
|
}
|
|
|
|
export default async function BlogIndexPage() {
|
|
const flags = await getFlags();
|
|
if (flags.blog !== true) notFound();
|
|
|
|
const payload = await getCachedPayload();
|
|
const { docs } = await payload.find({
|
|
collection: 'posts',
|
|
where: { _status: { equals: 'published' } },
|
|
sort: '-publishedAt',
|
|
limit: 50,
|
|
depth: 0,
|
|
});
|
|
|
|
return (
|
|
<div className={styles.page}>
|
|
<header className={styles.header}>
|
|
<p className={styles.kicker}>Blog</p>
|
|
<h1 className={styles.heading}>Notes on the numbers</h1>
|
|
<p className={styles.standfirst}>
|
|
What school performance data shows, what it doesn't, and how to
|
|
read it without being misled. Written by{' '}
|
|
{/* Plain text when about_page is dark: the two flags are
|
|
independent, so this link would otherwise point at a 404. */}
|
|
{flags.about_page === true
|
|
? <Link href="/about" className={styles.link}>Tudor</Link>
|
|
: 'Tudor'}.
|
|
</p>
|
|
</header>
|
|
|
|
{docs.length === 0 ? (
|
|
<p className={styles.empty}>No posts yet.</p>
|
|
) : (
|
|
<ul className={styles.list}>
|
|
{docs.map((post) => (
|
|
<li key={post.id} className={styles.item}>
|
|
<time className={styles.date} dateTime={String(post.publishedAt)}>
|
|
{formatDate(String(post.publishedAt))}
|
|
</time>
|
|
<h2 className={styles.itemTitle}>
|
|
<Link href={`/blog/${post.slug}`} className={styles.itemLink}>
|
|
{post.title}
|
|
</Link>
|
|
</h2>
|
|
<p className={styles.excerpt}>{post.excerpt}</p>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|