create-svelte

Everything you need to build a Svelte project, powered by create-svelte;

Creating a project

If you're seeing this, you've probably already done this step. Congrats!

# create a new project in the current directory
npm init svelte@next

# create a new project in my-app
npm init svelte@next my-app

Note: the @next is temporary

Auto configure postcss/tailwind. See svelte-adders

npx apply svelte-add/postcss --no-ssh
npx apply svelte-add/tailwindcss --no-ssh

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

Svelte apps are built with adapters, which optimise your project for deployment to different environments, like Begin, Netlify, Vercel and so on. (You can also create your own adapter — instructions TODO.)

By default, npm run build will generate a Node app that you can run with node build. To use a different adapter, install it and update your svelte.config.cjs accordingly. The following official adapters are available:

• @sveltejs/adapter-node
• @sveltejs/adapter-static
• @sveltejs/adapter-netlify
• ...more soon