Svelte 5 demo project

• Single landing page with anchor link navigation
• Storybook and atomic design component structure
• Static site generation workflow to GitHub Pages
• Based on Learn SvelteKit – Full Course for Beginners by freeCodeCamp.org

Demo

GitHub Pages
Storybook

Developing

npm install  
npm run dev -- --open

Building (static site generation)

Svelte adapter-static is activated.
Check svelte.config.js to set kit: paths: base accordingly.

• base: '' (leave empty for developing, project will show in localhost:5174/)
• base: '/your-repository-name' (for deploying GitHub Pages, project will work in subfolder /your-repository-name/)

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.