remix-seo
A package for easily managing SEO meta and link tags in Remix.
WIP!
Usage
import { initSeo } from "../src/index";
export const { getSeo, getSeoMeta, getSeoLinks } = getSeo({
title: "The Awesome Store",
titleTemplate: "%s | The Awesome Store",
description: "The most awesome store on planet Earth.",
});
import { getSeo } from "~/seo";
let [seoMeta, seoLinks] = getSeo();
export let meta = () => ({ ...seoMeta, { whatever: "cool" } });
export let links = () => [ ...seoLinks, { rel: "stylesheet", href: "/sick-styles.css" } ];
import { getSeo, getSeoMeta, getSeoLinks } from "~/seo";
let [seoMeta, seoLinks] = getSeo({
title: "About us",
description: "We are great!",
});
export let meta = ({ context }) => {
let seoMeta = getSeoMeta({
title: `Welcome ${context.name}`
});
return {
...seoMeta,
};
};
export let links = ({ context }) => {
let seoLinks = getSeoLinks({
title: `Welcome ${context.name}`
});
return [...seoLinks];
};