How this site is set up

How this site is set up.

Re:Porter is a small, stubbornly typographic site about education, technology, and society. It is published from Adelaide and maintained quietly. This page is a short accounting of the tools and decisions that shape it.

Stack

Framework: Next.js App Router with Turbopack, built against the Node runtime. ↗
Content: Sanity as the content system — articles, visual essays, about, desk and field notes are all structured content with portable-text bodies. ↗
Hosting: Vercel for builds, Fluid Compute for the runtime, and the platform CDN for edge caching. ↗
Styling: Tailwind CSS driving a narrow token set — display, body, sans, mono, marginalia faces; canvas, ink, rule; a single Hermes-blue accent. ↗
Analytics: Vercel Analytics and Speed Insights. No third-party trackers, no advertising pixels, no cookie banner because there is nothing to consent to.

Typography

Display (headlines): Fraunces — an optical variable serif with expressive high-contrast strokes; used for headlines, kickers, and pull quotes at display scale. ↗
Body: Vollkorn — a warm German old-style serif tuned for screen readability; used for running prose and long-form articles. ↗
Sans: Mona Sans (GitHub) — a clean grotesque used selectively for UI chrome where a sans reads more clearly than mono. ↗
Mono: JetBrains Mono — used for nav cells, datelines, captions, eyebrows, breadcrumbs, and code. The site speaks in mono whenever the system, rather than the writer, is talking. ↗
Marginalia: Caveat — a manuscript hand used only in margin notes, ritual labels, and reader-side annotations. ↗

Stance

Accessibility: Colour and rule tokens are tuned for AA contrast on both themes; motion respects the reduced-motion preference; every interactive region has a visible focus ring.
Privacy: No cookies beyond what Vercel sets for its own analytics, which are aggregated and IP-hashed. Nothing is sold. Nothing follows you around the web.
In revision: Some essays are marked “in revision” — the writing is live but the thinking is not finished. If you find a thread worth pulling, reach out.

Corrections, disagreements, and better ideas welcomed. Get in touch

Stack

Framework

Next.js App Router with Turbopack, built against the Node runtime. ↗

Content

Sanity as the content system — articles, visual essays, about, desk and field notes are all structured content with portable-text bodies. ↗

Hosting

Vercel for builds, Fluid Compute for the runtime, and the platform CDN for edge caching. ↗

Styling

Tailwind CSS driving a narrow token set — display, body, sans, mono, marginalia faces; canvas, ink, rule; a single Hermes-blue accent. ↗

Analytics

Vercel Analytics and Speed Insights. No third-party trackers, no advertising pixels, no cookie banner because there is nothing to consent to.

Typography

Display (headlines)

Fraunces — an optical variable serif with expressive high-contrast strokes; used for headlines, kickers, and pull quotes at display scale. ↗

Body

Vollkorn — a warm German old-style serif tuned for screen readability; used for running prose and long-form articles. ↗

Sans

Mona Sans (GitHub) — a clean grotesque used selectively for UI chrome where a sans reads more clearly than mono. ↗

Mono

JetBrains Mono — used for nav cells, datelines, captions, eyebrows, breadcrumbs, and code. The site speaks in mono whenever the system, rather than the writer, is talking. ↗

Marginalia

Caveat — a manuscript hand used only in margin notes, ritual labels, and reader-side annotations. ↗

Stance

Accessibility

Colour and rule tokens are tuned for AA contrast on both themes; motion respects the reduced-motion preference; every interactive region has a visible focus ring.

Privacy

No cookies beyond what Vercel sets for its own analytics, which are aggregated and IP-hashed. Nothing is sold. Nothing follows you around the web.

In revision

Some essays are marked “in revision” — the writing is live but the thinking is not finished. If you find a thread worth pulling, reach out.