- Copy posts over
- Add <title>
- Include meta description
- Update favicons
- Check sitemap.xml
- Check robots.txt
- Run lighthouse
- This repo uses CSS vars, not SCSS vars
- utilities.scss should have most tailwind-style utilities that are needed, like:
- margins: mt-s, mx-s,
- padding:
- font-sizes: size-step-s
- font styles: bold, etc.
- For client websites, just toss styles right into the page/component because we don't need to worry too much about re-use and organization
- If you want anything like a grid or flex, and it's weird at all, just go ahead and make it specific and in the file.
- Videos & images
- Put images and videos in src/lib/assets. Vite should handle them from there.
- Then use enhanced:img and basic video
- Icons: Use @lucide/svelte. See below.
- Components are built out in src/lib/components
Using Lucide
<script>
import { Camera } from '@lucide/svelte';
</script>
<Camera color="#ff3e98" />