SvelteKit demo code for adding SEO support. The functionality is added principally by three components. Follow links to read more about using them:
- Twitter:
src/lib/components/SEO/Twitter.svelte
, - OpenGraph:
src/lib/components/SEO/OpenGraph.svelte
, - SchemaOrg:
src/lib/components/SEO/SchemaOrg.svelte
.
See the SvelteKit SEO blog post on the Rodney Lab site for more on how to set this site up. There is a live demo at sveltekit-seo.rodneylab.com.
Please drop questions into a comment at the bottom of one of the post pages. Here's the quick start:
If you're seeing this, you've probably already done this step. Congrats!
git clone https://github.com/rodneylab/sveltekit-seo.git my-new-mdsvex-blog
cd my-new-mdsvex-blog
pnpm install # or npm install
npm run dev
npm run build
You can preview the built app with
pnpm run preview
, regardless of whether you installed an adapter. This should not be used to serve your app in production.
Feel free to jump into the Rodney Lab matrix chat room.