A template based on the Svelte Pilot routing library, offering server-side rendering (SSR) and other rich features.
- Multiple Deployment Modes: Supports SSR (Server-Side Rendering), SSG (Static Site Generation), SPA (Single Page Application), and serverless functions.
- Powerful Routing and Layout System: Supported by Svelte Pilot.
- Integrated with TypeScript: For type safety and robust coding.
- Integrated with PostCSS and UnoCSS: Ready to use without configuration.
- Convenient Image Import: With svelte-preprocess-import-assets, you can directly import images using the
<img src="./img.png">tag without manually writing animport. - Enhanced CSS Isolation: Through svelte-preprocess-css-hash,
<Child class="-child">becomes<Child class="-child-HaShEd">.
Experience the editable demo on the StackBlitz Online IDE.
npm create svelte-pilot my-svelte-app
cd my-svelte-app
npm iOr:
mkdir my-svelte-app
cd my-svelte-app
npm init svelte-pilot
npm inpm run dev:spa # Develop in SPA mode
npm run dev:ssr # Develop in SSR mode
PORT=8080 npm run dev:ssr # Specify the port.npm run build:spa # Build SPA site
npm run build:ssr # node.js SSR server
npm run build:ssg # Generate static site. Configure URLs in the `ssg` field of `package.json`.
NOJS=1 npm run build:ssg # Generate static site without JS
npm run build:cloudflare # Cloudflare Pages
# Netlify Functions
cp src/adapters/netlify/netlify.toml .
npm run build:netlify
# Netlify Edge Functions
cp src/adapters/netlify-edge/netlify.toml .
npm run build:netlify-edgenpx sirv-cli dist --single --host # SPA
npx sirv-cli dist --host # SSG
npm run start:ssr # node.js SSR server.
PORT=8080 npm run start:ssr # Specify the port.wrangler pages deploy dist- Link your Git repository to Cloudflare Pages.
- Set up the build configuration:
- Build command:
npm run build:cloudflare - Build output directory:
dist
- Build command:
Deploy using the netlify deploy CLI, or link your Git repository to Netlify.
npm config set script-shell "C:\\Program Files\\git\\bin\\bash.exe"