CODEWITHSUNDEEP
sveltesvelte-componentsveltekit
Ulvi
Ulvi

Reputation: 1021

How to get user agent on load function in SvelteKit

I want to get the user agent on the load function to choose whether to perform server-side rendering or not depending on the visitor is googlebot or not.

How can I access it inside the load function?

I'm using the latest version of SvelteKit which is 1.0.0.

Upvotes: 6

Views: 7632

Answers (2)

Chris Cozens
Chris Cozens

Reputation: 167

Not allowed to comment yet but load({ request }) worked for me:

/** @type {import('./$types').PageLoad} */
export async function load({ request }) {
    const headers = request.headers;
    const userAgent = headers.get('user-agent');
    console.log('User agent:', userAgent);
}

JSDoc import makes it typescript-friendly, for Oliver Dixon

Upvotes: 3

Ulvi
Ulvi

Reputation: 1021

Managed it using hooks.

Create hooks.js inside src folder:

export function getSession(request) {
    return {
        userAgent: request.headers['user-agent']
    }
}

Then you can use it inside load function of each component you want:

<script context="module">
    export async function load({ session }) {
        console.log(session.userAgent)
    }
</script>

See hooks section for more information in docs.

Upvotes: 7

Related Questions