Skip to content

Do and do not

Do: move repeated mechanics

ts
import { buildSitemapXml } from '@micazoyolli/foundation';

const xml = buildSitemapXml(routes.map((route) => ({ loc: route.canonical })));

Routes, domain and metadata stay in the project.

Do not: move brand data

ts
// Does not belong in Foundation.
export const WTFASHION_ROUTES = [...];

Do: use base tokens

scss
@use '@micazoyolli/foundation/scss' as foundation;

.stack {
  gap: foundation.$space-4;
}

Do not: replace brand decisions

scss
// If this radius is part of the brand art direction, keep it local.
.heroCard {
  border-radius: foundation.$radius-md;
}