Launching SvelteKit project using sveltekit-i18n in Github pages

[bianchi-dy]

Hi folks, total SvelteKit newbie here. I'd like some help and advice on launching my project onto Github pages. This repo is currently part of an organization and will basically be hosted as <org-name>.github.io/<repo-name>.

I am also using sveltekit-i18n as my language support. The website is basically a static app which allows for dynamic language changes. How do I set up my svelte.config.js such that I can launch this to Github pages?

I am also encountering the error that my jekyll page is what is getting launched, which I understand can be fixed with a simple inclusion of .nojekyll in the root.

This is what I've got so far

import adapter from '@sveltejs/adapter-static';

const dev = process.env.NODE_ENV === 'development';
const base = dev ? '' : '/awomansplace'; // Replace 'your-repository-name' with the GitHub repo name

/** @type {import('@sveltejs/kit').Config} */
const config = {
  kit: {
    adapter: adapter(),
    paths: {
      base,
    },
    appDir: 'internal', // Optional: customize internal app directory name
    prerender: {
      crawl: true, // Crawl the app to find routes
      entries: [
        '/',          // Add root route
        '/en',        // Explicitly list all [lang] variants
        '/en/about',  
        '/en/chapter2',
        '/en/chapter3',
        '/en/method',
        '/',          // Add root route
        '/bn',        // Explicitly list all [lang] variants
        '/bn/about',  
        '/bn/chapter2',
        '/bn/chapter3',
        '/bn/method',
        '/',          // Add root route
        '/hi',        // Explicitly list all [lang] variants
        '/en/about',  
        '/en/chapter2',
        '/en/chapter3',
        '/en/method',
      ],
    },
  },
};

export default config;

[brunnerh]

What exactly is the problem?

Note that there is extra documentation on using GitHub Pages.

[bianchi-dy]

Hi @brunnerh thanks for pointing me to that. I have already tried implementing the Sveltekit Github Pages docs (see link here) I am getting the following issues:

1. When I run npm run deploy what this does is push my build files to another branch called gh-pages. However I'm getting the following page when I check the URL

2. On the other hand, when I try to run npm run build, I get this error:

For this error, I'm not sure if it's an issue with SvelteKit (i.e. my svelte.config.js) or sveltekit-i18n. As mentioned I'm using a language support package and I'm not sure if I need to change what's listed for prerender to fix this error or it's something else I have to change.

[brunnerh]

The error tells you that the favicon.ico is not found where the build is looking for it (in /en), the path is probably relative when it should be absolute. There also is no point in trying to deploy while the build is failing.