TypeScript: SEO & Build

These helpers are pure and do not know project routes, domains, brands or specific metadata.

URLs

import { getCanonicalUrl, getAbsoluteUrl } from '@micazoyolli/foundation';

getCanonicalUrl('https://nadia.dev/', '/en/about/');
getAbsoluteUrl('/meta.jpg', 'https://nadia.dev');

HTML metadata

import { applyHtmlMetadata } from '@micazoyolli/foundation';

const html = applyHtmlMetadata(template, {
  canonical: 'https://foundation.nadia.dev',
  title: 'Foundation',
  description: 'Frontend foundations.',
});

@micazoyolli/foundation

Foundation documentation

Canonical, Open Graph and Twitter metadata stay in each project.

Sitemap

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

const xml = buildSitemapXml([{ loc: 'https://foundation.nadia.dev/' }]);

<url>
  <loc>https://foundation.nadia.dev/</loc>
</url>

Do not move SITE_URL, routes, OG images or project metadata into Foundation.