To install Svelte, install Svelte not SvelteKit

[shinokada]

Describe the bug

It's not a bug but I'm talking about the docs.

According to the doc's Getting Started, when you install Svelte, you have to install SvelteKit. And I think it should be installing Svelte.

npm create vite@latest myapp -- --template svelte
cd myapp
npm install

Reproduction

See the doc.

Logs

No response

System Info

N/A

Severity

annoyance

[baseballyama]

Svelte team recommends always using Svelte with SvelteKit.
And already there is mentioned for user who don't use SevlteKit.

If you don't need a full-fledged app framework and instead want to build a simple frontend-only site/app, you can also use Svelte (without Kit) with Vite by running npm init vite and selecting the svelte option. With this, npm run build will generate HTML, JS and CSS files inside the dist directory.

[shinokada]

Thanks. Ok, I didn't see it.

[mrcndn]

I know it's written there, but until I saw it here, I didn't understand how. The text is something like, "You can do it, there is a way with Vite which will be explained later.". I'm talking about the impression, not the actual text.

I think it would be better to organize the docs with two headings:

• With SvelteKit (Recommended)

• Pure Svelte (As a Single Page Application)

[ulvido]

Svelte team recommends always using Svelte with SvelteKit. And already there is mentioned for user who don't use SevlteKit.

If you don't need a full-fledged app framework and instead want to build a simple frontend-only site/app, you can also use Svelte (without Kit) with Vite by running npm init vite and selecting the svelte option. With this, npm run build will generate HTML, JS and CSS files inside the dist directory.

but it is installing svelte 4 not 5. I am building a simple chrome extension. I need svelte 5 without the kit thing.

[yeka]

but it is installing svelte 4 not 5. I am building a simple chrome extension. I need svelte 5 without the kit thing.

I manage to install svelte 5 with vite simply by running npm install after setup process done:

npm install "svelte@^5.0.0-next.1"

might need to change src/main.ts into something like this:

import './app.css'
import App from './App.svelte'
import { mount } from 'svelte'

mount(App, {target: document.getElementById('app')!})

[DavidWhit]

It's pretty straight forward if you install the kit and then remove the parts you dont need to just run svelte 5. I think sveltekit needs updated to really feel like it's ready for 5. https://github.com/DavidWhit/svelteNoKit/ also used bun just for fun; just swap in npm if needed

[jerry1970]

I have a situation that is not described here, or too briefly for me to understand. I have a rather big code base in PHP and for a few front-end things I want to use Svelte components. The server and localhost are running Apache and PHP, npm is only run locally. I am mainly a PHP developer and not a big npm user. A short chapter on how to set up things for this situation would be nice.

Just how to install Svelte 5 and the required things to compile the svelte components into JS, where to put the compiled files, and how to include it in an HTML file — that would be lovely.