https://github.com/denzeysenpai/svelte5-spa-preset-1
Generic Svelte Website Template - Preset 1 - Theme: Night Lemon || This template is a Svelte 5 SPA Website
https://github.com/denzeysenpai/svelte5-spa-preset-1
svelte-5-helpers svelte-component svelte-router svelte-template svelte-vercel svelte5 sveltekit sveltekit-template template-project typescript vercel-deployment website website-template website-templates
Last synced: 13 days ago
JSON representation
Generic Svelte Website Template - Preset 1 - Theme: Night Lemon || This template is a Svelte 5 SPA Website
- Host: GitHub
- URL: https://github.com/denzeysenpai/svelte5-spa-preset-1
- Owner: denzeysenpai
- License: mit
- Created: 2025-02-22T04:47:28.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-04-23T00:47:36.000Z (2 months ago)
- Last Synced: 2025-05-17T12:15:24.503Z (about 1 month ago)
- Topics: svelte-5-helpers, svelte-component, svelte-router, svelte-template, svelte-vercel, svelte5, sveltekit, sveltekit-template, template-project, typescript, vercel-deployment, website, website-template, website-templates
- Language: CSS
- Homepage: https://sveltekit-1-nu-lime.vercel.app
- Size: 230 KB
- Stars: 10
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Svelte5-SPA-Preset-1
A **Svelte 5 template** with a built-in **SPA router** and a **responsive header/navbar as a bonus** ( you can remove it if you want ). This preset is designed to help developers who face **routing issues when deploying Svelte apps on IIS**.
## 🚀 Why Use This Template?
When deploying a normal **SvelteKit** project that uses the standard svelte filesystem-based routing on **IIS**, routing often breaks because IIS does not handle client-side routing properly. This template provides a simple **SPA (Single Page Application) routing solution**, ensuring smooth navigation without server-side configuration headaches.
## ✨ Features
- **Pre-configured SPA Router** → Works seamlessly with IIS
- **Responsive Header & Navbar** → Mobile-friendly and customizable
- **Lightweight & Minimal** → Not a full-fledged starter kit, just a preset to avoid IIS issues
## 📦 Installation
```sh
npx degit denzeysenpai/svelte5-spa-preset-1 my-svelte-app
cd my-svelte-app
npm install
npm run dev
```
## 🛠 Configuration
- Modify the **routes** in `src/routes.ts`
- Customize the **header/navbar** in `src/components/Header.svelte`
## 🚧 Deploying to IIS
1. Build the project:
```sh
npm run build
```
2. Copy the `build/` folder to your IIS site directory
## 📜 License
MIT License. Feel free to use and modify!
---
### ❓ Need Help?
If you run into **CORS issues**, **routing problems**, or **deployment errors**, feel free to open an issue or ask for support!