A blog that reads like a notebook.
— Ecosystem
Anahê Canavezzi is a writer and a designer. She needed three public sites (the book, the studio and the blog) and a dashboard to manage all of it without depending on me. I built the four Next.js apps in a Turborepo and pnpm monorepo, served by a single NestJS API and a single database.
Architecture decision
I considered micro-frontends and dropped the idea: there are no multiple teams and no runtime composition. These are four sites sharing a design system, types and schemas, which is exactly what Turborepo is for.
One dashboard and one API manage the content of all three public sites.
— The story
Chapter 01Home
Writing about writing, design and the work behind both. Post titles use Literata, a reading serif, and the Home opens with the latest post and the list of every text, filterable by category.
Chapter 02Post
Posts have a reading mode with adjustable size, font, spacing and theme, and an option to listen to the text. Comments and reactions only ask for a name and email: the reader confirms the email once, and comments go through moderation in the dashboard.
Chapter 03Search · Archive · Category
Search opens as a spotlight, from Ctrl+K, the slash key or the icon, with results as you type. The archive groups everything by year and month, and categories and tags have their own pages.
Chapter 04SEO · RSS
Page data is cached and labelled with tags. When Anahê publishes in the dashboard, the API revalidates only the affected tags. RSS, sitemap and Open Graph images come from the same data.