GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → rodneylab → sveltekit-seo

rodneylab / sveltekit-seo

Licence: BSD-3-Clause license
Demo site for SvelteKit SEO showing how to set up meta tags in a SvelteKit blog site.

Programming Languages

Svelte
593 projects
javascript
184084 projects - #8 most used programming language
SCSS
7915 projects
CSS
56736 projects

Labels

blogseonetlifymdsvexsveltekit

Projects that are alternatives of or similar to sveltekit-seo

react-seo-friendly-spa-template
React PWA/SPA template initially scaffolded with CRA (Create React App) and configured for SEO. Makes use of prerendering and other techniques/packages in order to achieve a perfect "Lighthouse Score".
Stars: ✭ 24 (-14.29%)
Mutual labels:  seo, netlify
website
Gitpod website and documentation
Stars: ✭ 233 (+732.14%)
Mutual labels:  netlify, sveltekit
nuxt-netlify-lambda-starter
🛠️ SEO-friendly website starter backed by Netlify lambda functions in a simple, friendly repo
Stars: ✭ 60 (+114.29%)
Mutual labels:  seo, netlify
Gatsby Advanced Starter
A high performance skeleton starter for GatsbyJS that focuses on SEO/Social features/development environment.
Stars: ✭ 1,224 (+4271.43%)
Mutual labels:  seo, netlify
hagura-sveltekit
A minimal markdown blog template built using SvelteKit
Stars: ✭ 51 (+82.14%)
Mutual labels:  mdsvex, sveltekit
portfolio-svelte
My over-complicated personal site. A place to show off work and writing, and a place to try weird stuff.
Stars: ✭ 24 (-14.29%)
Mutual labels:  netlify, sveltekit
vue-seo-friendly-spa-template
Vue.js PWA/SPA template initially scaffolded with vue-cli and configured for SEO. Makes use of prerendering and other techniques/packages in order to achieve a perfect "Lighthouse Score".
Stars: ✭ 41 (+46.43%)
Mutual labels:  seo, netlify
cookie
Landing website + Blog using Jekyll & Tailwind CSS
Stars: ✭ 61 (+117.86%)
Mutual labels:  seo, netlify
git-space
A web application to view Github's user profile.
Stars: ✭ 14 (-50%)
Mutual labels:  netlify
sparender
基于puppeteer的高性能SPA SEO解决方案
Stars: ✭ 54 (+92.86%)
Mutual labels:  seo
svelte-adapter-deno
A SvelteKit adapter for Deno
Stars: ✭ 152 (+442.86%)
Mutual labels:  sveltekit
generator-jhipster-svelte
Generate Svelte powered JHipster web applications
Stars: ✭ 44 (+57.14%)
Mutual labels:  sveltekit
nuxtwebsite
A simple Nuxt.js setup to create websites with blog feature using Storyblok as CMS and Netlify to deploy it.
Stars: ✭ 29 (+3.57%)
Mutual labels:  netlify
meta-tag-gen
Generate HTML code optimal for social media, SEO, mobile. Uses web standards from Open Graph (Facebook) and Twitter to provide optimal results. Also generates social media posts.
Stars: ✭ 24 (-14.29%)
Mutual labels:  seo
webpack4.x-multi-page
multi page application
Stars: ✭ 38 (+35.71%)
Mutual labels:  seo
shaif-s-cuisine
A HTML, CSS Project. Made with ♥ by the web cifar community.
Stars: ✭ 79 (+182.14%)
Mutual labels:  netlify
svelte-kit-blog-demo
A demo of a markdown based blog with SvelteKit, deployed to Github Pages.
Stars: ✭ 139 (+396.43%)
Mutual labels:  sveltekit
gatsby-starter-developer-diary
An official Gatsby blog template designed for web developers. Blazing fast, it includes beautful web developer topic tags and social-media links
Stars: ✭ 76 (+171.43%)
Mutual labels:  netlify
Netlify
A VS Code extension that displays your Netlify build statuses and more!
Stars: ✭ 23 (-17.86%)
Mutual labels:  netlify
webstone
Start your next full-stack application with Webstone and configure it as you go.
Stars: ✭ 71 (+153.57%)
Mutual labels:  sveltekit
View All Similar Projects ➔

Rodney Lab sveltekit-seo Github banner

Rodney Lab logo

SvelteKit SEO

Netlify Status

sveltekit-seo

Open in StackBlitz

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:

Creating your Own MDsveX Blog Site with SEO Components

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

Building

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].