SvelteKit 1.8 + SSR Dark Mode 🌘🔴 LIVE Coding & Chill
Let’s start a brand new Portfolio site with latest SvelteKit, and add Dark Mode into it!
Check out the results at: https://github.com/jmagrippis/moving-...
— COMMUNITY —
New DISCORD SERVER for us 😱: / discord
— 🥳🥳🥳 —
— Agenda —
✅ What are we doing today? Portfolio site?
✅ New SvelteKit app with the SvelteKit wizard: https://kit.svelte.dev/docs/creating-...
✅ Root CSS / Custom CSS Reset: https://www.joshwcomeau.com/css/custo...
✅ CSS Variables / Custom Properties for light / dark / auto modes
✅ The root HTML template file, `app.html`
✅ Svelte server hooks & `transformPageChunk` to add a class in the HTML body: https://kit.svelte.dev/docs/hooks#ser...
✅ Dynamic theme toggle button based on GUI Challenges: • Thinking on ways to solve a DARK/LIGH...
✅ Form action to set a theme cookie: https://kit.svelte.dev/docs/form-acti...
✅ Toggling our theme without a reload: do we need a Svelte Store?
🗣️ How to use with Tailwind?
✅ NEXT STEPS: i18n / internationalisation? Background video? YouTube integration?
— HAVE FUN —
No affiliations whatsoever: if I show something, you know you're hearing my unfiltered thoughts 😄
— Highlighted software —
Svelte: https://svelte.dev/
SvelteKit: https://kit.svelte.dev/
My own website: https://magrippis.com/
Search for `@jmagrippis` to find me on socials like Instagram & Twitter! And remember our DISCORD SERVER 😉: / discord
Between the comment section and the socials, let me know *somewhere* what you’d like me to cover next 🙌
Смотрите видео SvelteKit 1.8 + SSR Dark Mode 🌘🔴 LIVE Coding & Chill онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Johnny Magrippis 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 751 раз и оно понравилось 36 людям.