Skip to main content
Engineering1 min read

System Architecture 101

Written by
Amytis Team

Building a robust digital garden requires a flexible architecture. Amytis uses a blend of static generation and dynamic client-side enhancements. The Stack - Ne...

#architecture#nextjs

Building a robust digital garden requires a flexible architecture. Amytis uses a blend of static generation and dynamic client-side enhancements.

The Stack

  • Next.js 16: The backbone of our routing and static generation.
  • Tailwind CSS v4: For austere, elegant styling.
  • Unified/Remark/Rehype: The engine that transforms MDX into interactive content.

Asset Pipeline

Our custom copy-assets.ts script ensures that images located next to your markdown files are correctly mapped to the public directory during the build process. This allows for a clean developer experience where images and text live together.

A

Written by

Amytis Team
Tags#architecture#nextjs

Related Articles

Uncategorized

i18n in a Static Next.js Blog: Client-Side Toggle vs URL-Based Routing

A deep dive into the trade-offs between client-side language switching and proper URL-based locale routing for a statically exported Next.js digital garden.

General

Welcome to Amytis

The first seeds of our digital garden.

Engineering

Syntax Highlighting

Amytis provides beautiful syntax highlighting for dozens of programming languages. Here are a few examples within the series context. For a comprehensive showca...