Menggunakan nginx pada SvelteKit

Berikut beberapa langkah yang perlu kalian lakukan untuk menggunakan SvelteKit pada nginx.

Konfigurasi pada berkas svelte.config.js:

import adapter from '@sveltejs/adapter-static';
import { vitePreprocess } from '@sveltejs/kit/vite';

/** @type {import('@sveltejs/kit').Config} */
const config = {
    // Consult https://kit.svelte.dev/docs/integrations#preprocessors
    // for more information about preprocessors
    preprocess: vitePreprocess(),

    kit: {
        adapter: adapter({
            fallback: 'index.html'
        }),

        prerender: { entries: [] }
    }
};

export default config;

Tambahkan berkas routes/+layout.js dengan isi sbb:

export const ssr = false;

Jalan perintah berikut untuk melakukan proses build:

npm run build

Setelah direktori berisi halaman-halaman statis, sesuaikan konfigurasi berikut pada nginx:

server {
    listen       80;
    server_name  localhost;

    root   /opt/svelte/build;
    index  index.html index.htm;

    location / {
        try_files $uri.html  $uri $uri/ /index.html;
    }
}

Jalankan nginx dan buka http://localhost/ di peramban web kalian.