- Assuming you're just working with your normal run-of-the-mill SPA app, it's hosted any other way. The svelte starter template linked by the docs just serves the (mostly blank) index.html, then renders your app through that
bundle.js
file, which is the bulk of your application. - The template used by the tutorial and docs is for an SPA (singe page application). If you want things like server-side rendering (filling up that index.html with the contents of your app before load), routing (multiple pages), stuff like that you need to look to SvelteKit - https://kit.svelte.dev/
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
Assuming you're using the svelte starter template, global.css is just a regular CSS file. It's linked in your index.html in the build folder and is about what you'd expect. Since svelte scopes styles to your components (unless you use the :global() psuedoclass), that's just there as a general purpose global CSS file. bundle.css is the stylesheet generated by the svelte compiler. It's basically the contents of the CSS in your component's tags, and will be scoped to the component unless using the
:global()
selector.
Regarding some suggestions on here recommending SvelteKit: Learning SvelteKit might be a big ask depending on what you're trying to do. If you just want to stick with svelte only for now, and you want to add SPA routing capabilities, consider checking out https://routify.dev there's a ton of documentation for it and it's fairly simple to pick up. ✌🏼