diff --git a/.github/workflows/deploy-gh-pages.yaml b/.github/workflows/deploy-gh-pages.yaml
index a269676f..fa8436cb 100644
--- a/.github/workflows/deploy-gh-pages.yaml
+++ b/.github/workflows/deploy-gh-pages.yaml
@@ -49,6 +49,7 @@ jobs:
               run: |
                   mkdir build
                   cp -r examples/sample-vue-app/dist build/vue
+                  cp -r examples/sample-svelte-app/dist build/svelte
                   cp -r examples/sample-react-app/dist build/react
                   cp -r examples/sample-vanilla-app/dist build/vanilla
                   cp -r examples/sample-angular-app/dist/easy-angular build/angular
diff --git a/examples/sample-svelte-app/package.json b/examples/sample-svelte-app/package.json
index 9d669bab..a5634b88 100644
--- a/examples/sample-svelte-app/package.json
+++ b/examples/sample-svelte-app/package.json
@@ -4,12 +4,12 @@
     "private": true,
     "type": "module",
     "scripts": {
-        "build": "vite build --mode=development",
+        "build": "vite build",
         "clean": "rm -rf .svelte-kit dist .turbo",
         "dev": "vite dev",
-        "gh-pages-build": "vite build",
+        "gh-pages-build": "BASE_PATH='/vechain-dapp-kit/svelte' vite build",
         "lint": "eslint src --ext .js,.jsx,.ts,.tsx",
-        "preview": "vite preview --mode=development",
+        "preview": "vite preview",
         "purge": "yarn clean; rm -rf node_modules"
     },
     "dependencies": {
diff --git a/examples/sample-svelte-app/svelte.config.js b/examples/sample-svelte-app/svelte.config.js
index 70765857..dcee8126 100644
--- a/examples/sample-svelte-app/svelte.config.js
+++ b/examples/sample-svelte-app/svelte.config.js
@@ -1,6 +1,6 @@
 import adapter from '@sveltejs/adapter-static';
 import { vitePreprocess } from '@sveltejs/kit/vite';
-
+const basePath = process.env.BASE_PATH ?? '';
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
     // Consult https://kit.svelte.dev/docs/integrations#preprocessors
@@ -18,8 +18,10 @@ const config = {
             assets: 'dist',
             fallback: undefined,
             precompress: true,
-            strict: true,
         }),
+        paths: {
+            base: basePath,
+        },
     },
 };
 
diff --git a/examples/sample-svelte-app/vite.config.ts b/examples/sample-svelte-app/vite.config.ts
index 42777f48..9ffa131a 100644
--- a/examples/sample-svelte-app/vite.config.ts
+++ b/examples/sample-svelte-app/vite.config.ts
@@ -2,7 +2,7 @@ import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vite';
 import { nodePolyfills } from 'vite-plugin-node-polyfills';
 
-export default defineConfig(({ mode }) => ({
+export default defineConfig({
     plugins: [nodePolyfills(), sveltekit()],
     preview: {
         port: 5005,
@@ -19,5 +19,4 @@ export default defineConfig(({ mode }) => ({
             transformMixedEsModules: true,
         },
     },
-    base: mode === 'production' ? '/vechain-dapp-kit/svelte/' : '/',
-}));
+});