SvelteKit 1.8 + SSR Dark Mode 🌘🔴 LIVE Coding & Chill

Published: 01 January 1970
on channel: Johnny Magrippis

751

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 🙌

Watch video SvelteKit 1.8 + SSR Dark Mode 🌘🔴 LIVE Coding & Chill online without registration, duration hours minute second in high quality. This video was added by user Johnny Magrippis 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 751 once and liked it 36 people.

4,310