https://github.com/rodneylab/sveltekit-seo

Demo site for SvelteKit SEO showing how to set up meta tags in a SvelteKit blog site.
https://github.com/rodneylab/sveltekit-seo

blog mdsvex netlify seo sveltekit

Last synced: 3 months ago
JSON representation

Demo site for SvelteKit SEO showing how to set up meta tags in a SvelteKit blog site.

• Host: GitHub
• URL: https://github.com/rodneylab/sveltekit-seo
• Owner: rodneylab
• License: bsd-3-clause
• Created: 2021-06-23T17:08:43.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-11-20T16:06:32.000Z (about 1 year ago)
• Last Synced: 2024-05-08T23:06:30.704Z (9 months ago)
• Topics: blog, mdsvex, netlify, seo, sveltekit
• Language: Svelte
• Homepage: https://sveltekit-seo.rodneylab.com/
• Size: 2.9 MB
• Stars: 47
• Watchers: 2
• Forks: 7
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: .github/SECURITY.md

Awesome Lists containing this project

README

        




  

    

  





  SvelteKit SEO



[![Netlify Status](https://api.netlify.com/api/v1/badges/fcc135a7-58dc-4945-a69c-236f7f6a4e07/deploy-status)](https://app.netlify.com/sites/inspiring-heyrovsky-49f468/deploys)

# sveltekit-seo

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/rodneylab/sveltekit-seo)

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](https://rodneylab.com/sveltekit-seo/) for more on how to set this site up. There is a live demo at [sveltekit-seo.rodneylab.com](https://sveltekit-seo.rodneylab.com/).

Please drop questions into a comment at the bottom of one of the post pages. Here's the quick start:

## Creating your Own MDsveX Blog Site with SEO Components

If you're seeing this, you've probably already done this step. Congrats!

```bash

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

```

## Building

```bash

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](https://matrix.to/#/%23rodney:matrix.org).