Last few things now!

<*svelte*:head>

The Svelte head API can be used to add meta tag information to the pages. Tags like canonical link, HTML meta tags, title, description, author also Open Graph information.

In the examples earlier there was only a title tag, but the amount of tags you can get in there mean it can get a bit crowded if you’re adding them on each page.

These can all be moved out to a component with just relevant props being passed to the component.

That or use the package Svead, little self promotion there as it’s made by me.

SvelteKit +error.svelte page

The SvelteKit +error.svelte file can be used to display an error when there’s an error navigating to a page.

Create the file:

touch src/routes/+error.svelte