Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rodneylab/cloudcannon-sveltekit-social-sharing-images
Adding Social Sharing Images in SvelteKit: how to add social sharing images to your SvelteKit site as well as basic SEO meta and Schema.org.
https://github.com/rodneylab/cloudcannon-sveltekit-social-sharing-images
blog cloudcannon jamstack markdown seo svelte sveltejs sveltekit tutorial
Last synced: 18 days ago
JSON representation
Adding Social Sharing Images in SvelteKit: how to add social sharing images to your SvelteKit site as well as basic SEO meta and Schema.org.
- Host: GitHub
- URL: https://github.com/rodneylab/cloudcannon-sveltekit-social-sharing-images
- Owner: rodneylab
- License: bsd-3-clause
- Created: 2023-02-10T06:55:21.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-16T14:04:54.000Z (almost 2 years ago)
- Last Synced: 2024-11-11T00:34:19.116Z (3 months ago)
- Topics: blog, cloudcannon, jamstack, markdown, seo, svelte, sveltejs, sveltekit, tutorial
- Language: Svelte
- Homepage: https://cloudcannon.com/tutorials/sveltekit-beginner-tutorial/adding-social-sharing-images-in-sveltekit/?utm_campaign=Rodney%20SvelteKit%20Social%20Sharing%20Tutorial&utm_source=email
- Size: 564 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: .github/SECURITY.md
Awesome Lists containing this project
README
# Adding Social Sharing Images in SvelteKit
[![Open in Stack Blitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/rodneylab/cloudcannon-sveltekit-social-sharing-images)
This is the complete code for the SvelteKit Social Sharing Images tutorial. There we talk about how you can add SEO images to your SvelteKit site.
## Developing
Once you’ve created a project and installed dependencies with `pnpm install` (or `npm install` or `yarn`), start a development server:
```bash
pnpm run dev# or start the server and open the app in a new browser tab
pnpm run dev -- --open
```## Building
To create a production version of your app:
```bash
pnpm run build
```You can preview the production build with `pnpm run preview`.
Feel free to jump into the
[Rodney Lab matrix chat room](https://matrix.to/#/%23rodney:matrix.org).