Personal Sveltekit Starter

Svelte Template w/ Three.js and SCSS

LINKS

1. Favicon Generator
2. SVG Backgrounds
3. SVGs + Svelte
4. Three.js + Svelte

SET UP

Be sure to update your package.json w/ your project details!

# 1. First, clone to your machine
git clone https://github.com/zempo/sveltekit_starter.git my_project

# 2. Go to the project directory
cd my_project

# 3. Reset project .git history with this command
rm -rf .git && git init

# 4. Install project dependencies
npm i

# 5. Rename the example .env file, if you plan on using environmental variables in your project
mv example.env .env

DEV

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

BUILD

Svelte apps are built with adapters, which optimise your project for deployment to different environments.

By default, npm run build will generate a Node app that you can run with node build. To use a different adapter, add it to the devDependencies in package.json making sure to specify the version as next and update your svelte.config.cjs to specify your chosen adapter. The following official adapters are available:

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

See the adapter documentation for more detail