Sveltekit add a static sitemap

Sveltekit add a static sitemap -

How to add a sitemap to sveltekit website


A sitemap is a tool that helps search engines better understand the content of a website, especially when there is a lot of it.

Before I share how to generate a sveltekit static sitemap, Remember that there are better ways to generate a sitemap. This is a noob way just to get the job done.

This way of generating sitemap requires updating the sitemap file manually after a certain interval.

The Sveltekit website has detailed documentation to generate the sitemap.

  1. Create a folder named “sitemap.xml” inside the “routes” folder
  2. Now create a “+server.js” file inside the “sitemap.xml” folder.
  3. Now copy these codes inside +server.js file
    export async function GET()
    { return new Response(
    `<?xml version="1.0" encoding="UTF-8" ?>
        <!-- <url> elements go here -->
        headers: {
            'Content-Type': 'application/xml'
  4. We have to replace <!-- <url> elements go here --> this section with our manually generated URL
  5. Now visit this website XML-Sitemap and paste your website URL on the search box This will generate a static sitemapManually generated sitemap
  6. Copy the highlighted section & paste it inside the +server.js fileSveltekit placeholder to place sitemap url
  7. Now visit your

Keep in mind this is just a noob way of getting the job done.