When working on a Svelte+Sapper application, you may come across a situation where you need to redirect the user to a specific page when they visit the root domain instead of showing the home page. In this blog post, I will show you how to achieve this using Sapper.
To begin, open the src/routes/index.svelte
file. Remove the existing content and replace it with the following code:
<script context="module">
export async function preload(page, session) {
return this.redirect(301, 'spreadsheet/1');
}
</script>
In the code above, we define a preload
function with the context="module"
attribute. This function is executed on the server during the preloading phase. Inside the function, we use the redirect
method to perform the redirection. The 301
parameter indicates a permanent redirection, and the URL 'spreadsheet/1'
specifies the destination page.
By implementing this code in index.svelte
, when a user visits the root domain (/
), they will be automatically redirected to the /spreadsheet/1
page.
Tags: Sapper, Svelte, URL redirection