Default dev port is now
5173, it now uses Vite under the hood.
There is a Svelte 5 starter in the
NOTE Dark mode stopped working with the Rollup based template, and since it isn't supported anymore, I've switched this to the Vite based template.
This is a project template for Svelte (v4) apps. It lives at https://github.com/colinbate/svelte-ts-tailwind-template and is based on the official Svelte template via
create-vite with TypeScript selected and Tailwind CSS added via
svelte-add. The dependencies were then updated to latest (as of the latest commit). It is getting pretty easy to get this stack working without this template, but may save you a bit of time.
Note that this isn't a SvelteKit app, this is a vanilla Svelte template with the above mentioned technologies pre-installed. Now that SvelteKit is past 1.0, it is an option you may want to consider for any larger apps.
To create a new project based on this template using degit:
npx degit colinbate/svelte-ts-tailwind-template svelte-app
Alternatively, if you are currently on GitHub, you can click the "Use this template" button at the top of this page.
Note that you will need to have Node.js >=16 installed.
Install the dependencies...
...then start Vite:
npm run dev
Navigate to localhost:5173. You should see your app running. Edit a component file in
src, save it, and reload the page to see your changes.
To create an optimised version of the app:
npm run build
You can serve up the newly built app with
npm run preview. This allows you to ensure nothing was damaged in the production build process.
You can then host the app with whichever static host you prefer.