https://github.com/vyntrix/sveltesse

🛟 Opinionated Vite + SvelteKit Starter Template
https://github.com/vyntrix/sveltesse

starter svelte sveltekit vite

Last synced: 26 days ago
JSON representation

🛟 Opinionated Vite + SvelteKit Starter Template

• Host: GitHub
• URL: https://github.com/vyntrix/sveltesse
• Owner: Vyntrix
• License: mit
• Created: 2024-09-06T15:50:31.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-09-08T08:00:46.000Z (2 months ago)
• Last Synced: 2024-10-13T00:03:31.962Z (26 days ago)
• Topics: starter, svelte, sveltekit, vite
• Language: TypeScript
• Homepage: https://sveltesse.netlify.app/
• Size: 97.7 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        


  





  Mocking up web app with Sveltesse(speed)








  Live Demo

  





> **Note**: This template is highly inspired by [Vitesse](https://github.com/antfu-collective/vitesse) for Vue by [Antfu](https://github.com/antfu). Please feel free to open Pull Requests for improvements!




##  Features

- ⚡️ [SvelteKit](https://svelte.dev), [Vite](https://github.com/vitejs/vite), [pnpm](https://pnpm.io/)

- 🗂 [Easy routing](./src/routes)

- 📦 [Components](./src/lib/components)

- 🎨 [UnoCSS](https://github.com/antfu/unocss) - the instant on-demand atomic CSS engine

- 😃 [Use icons from any icon sets with classes](https://github.com/antfu/unocss/tree/main/packages/preset-icons)

- 🌍 [I18n ready](./src/lib/i18n)

- 🗒 [Markdown Support](https://github.com/pngwn/MDsveX)

- 🦾 TypeScript, of course




## Pre-packed

### UI Frameworks

- [UnoCSS](https://github.com/antfu/unocss) - The instant on-demand atomic CSS engine.

### Icons

- [Iconify](https://iconify.design) - use icons from any icon sets [🔍Icônes](https://icones.netlify.app/)

- [Pure CSS Icons via UnoCSS](https://github.com/antfu/unocss/tree/main/packages/preset-icons)

### Dev tools

- [TypeScript](https://www.typescriptlang.org/)

- [pnpm](https://pnpm.js.org/) - fast, disk space efficient package manager

- [VS Code Extensions](./.vscode/extensions.json)

    - [Vite](https://marketplace.visualstudio.com/items?itemName=antfu.vite) - Fire up Vite server automatically

    - [Iconify IntelliSense](https://marketplace.visualstudio.com/items?itemName=antfu.iconify) - Icon inline display and autocomplete

    - [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)

    - [Svelte](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode)

## Try it now!

> Sveltesse requires Node >=14.18

### GitHub Template

[Create a repo from this template on GitHub](https://github.com/vyntrix/sveltesse/generate).

### Clone to local

If you prefer to do it manually with the cleaner git history

```bash

npx degit vyntrix/sveltesse my-sveltesse-app

cd my-sveltesse-app

pnpm i # If you don't have pnpm installed, run: npm install -g pnpm

```

## Checklist

When you use this template, try follow the checklist to update your info properly

- [ ] Change the author name in `LICENSE`

- [ ] Change the title in `config.ts`

- [ ] Change the favicon in `static`

- [ ] Clean up the READMEs and remove routes

And, enjoy :)

## Usage

### Development

Just run and visit http://localhost:5173

```bash

pnpm dev

```

### Build

To build the App, run

```bash

pnpm build

```

and you will see the generated file in `build` that ready to be served.