https://github.com/mr-addict/svelte-helloworld
Svelte Hello World
https://github.com/mr-addict/svelte-helloworld
sveltekit tailwindcss
Last synced: 16 days ago
JSON representation
Svelte Hello World
- Host: GitHub
- URL: https://github.com/mr-addict/svelte-helloworld
- Owner: MR-Addict
- Created: 2023-01-30T05:19:44.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-02-21T11:46:21.000Z (over 3 years ago)
- Last Synced: 2025-08-31T21:39:15.683Z (9 months ago)
- Topics: sveltekit, tailwindcss
- Language: Svelte
- Homepage: https://sveltehelloworld-mraddict.vercel.app
- Size: 150 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Svelte Hello World
## 1. Tailwindcss
| Key | Value |
| :--------- | :------- |
| background | black |
| light text | gray-300 |
| dark text | gray-500 |
| theme | cyan-600 |
## 2. Memo
Memo for the next time I create a new project.
- Install tailwindcss
- Use `100dvh` instead of `100vh`
- Add `$component` and `$data` aliases
- Add `--host` to `package.json` script for global serve
- Add `description` meta, `robots.txt`, and `favicon.ico`
- To print **•** symbol, you need to hold **Alt**, then pres 0, 1, 4, 9 sequently.
## 3. Deploy
Build project:
```bash
npm run build
```
Preview project:
```bash
npm run preview
```