SvelteKit example

This example shows how to use Paraglide with SvelteKit. The source code can be found here.

Getting started

Install paraglide js

npx @inlang/paraglide-js@beta init

Add the serverMiddleware to src/hooks.server.ts

import type { Handle } from '@sveltejs/kit';
import { serverMiddleware } from '$lib/paraglide/runtime';

export const handle: Handle = ({ event, resolve }) => {
	return serverMiddleware(event.request, ({ request }) => resolve({ ...event, request }));
};

Add a reroute hook in src/hook.ts

import type { Reroute } from '@sveltejs/kit';
import { deLocalizeUrl } from '$lib/paraglide/runtime';

export const reroute: Reroute = (request) => {
	return deLocalizeUrl(request.url).pathname;
};

Done :)

Check out https://inlang.com/m/gerre34r/library-inlang-paraglideJs/getting-started on how to use Paraglide Js.

Features of the example