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.