Svelte 🔥 + Routify 🎯 + Vite ⚡️

Starter template should help get you started developing with Svelte in Vite with Tailwind CSS and Routify applied.

Recommended IDE Setup

VS Code + Svelte.

Installation

npx degit yumoodev/template-svelte-routify project-name
cd project-name
npm install && npm run dev

Folder Structure

/
├── .routify/
├── dist/
├── public/
└── src/
    ├── assets/
    ├── lib/
    └── pages/

👉 dist is the build output (yout're not going to see it until you run npm run build)
👉 public is where you keep your public files such as images and your favicon
👉 src is where you keep your source files
👉 assets and lib are for your assets and components
👉 pages is where your define the routes

Environment

• Routify - v2.18.5
• Svelte - 3.48.0
• Tailwind CSS - 3.0.24
• Vite - v2.9.9
• Vite Plugin Svelte - 1.0.0-next.44

Deploying to the web

With Vercel

Install vercel if you haven't already:

npm install -g vercel

Then, from within your project folder:

cd dist
vercel deploy --name my-project

With surge

Install surge if you haven't already:

npm install -g surge

Then, from within your project folder:

npm run build
surge dist my-project.surge.sh