SvelteKit Layouts Explained (Nested, Groups, Resets)
If you find my content useful and want to support the channel, consider contributing a coffee ☕: https://hbyt.us/coffee
SvelteKit is a framework for building modern, high-performance, browser-based applications. It was developed by the team behind the popular Svelte framework and is powered by Svelte. Unlike other JavaScript frameworks, it doesn't use a virtual DOM or deliver a bloated and slow application.
In this SvelteKit tutorial, I demonstrate how to use layouts within SvelteKit.
📂 Final Code
https://github.com/huntabyte/svelteki...
💽 Loading Data in SvelteKit
• Loading Data in SvelteKit (+page.js &...
⏪ Previous Video (Endpoints in SvelteKit)
• SvelteKit API Routes & Endpoints
📚 Resources Mentioned In This Video
SvelteKit Docs: https://kit.svelte.dev
DaisyUI: https://daisyui.com
TailwindCSS: https://tailwindcss.com
🚀 Become a channel member: https://hbyt.us/join
💬 Discord: https://hbyt.us/discord
🐦 Twitter: https://hbyt.us/twitter
🖥️ Setup Stuff: https://hbyt.us/gear
🔖 Chapters:
00:00 - Introduction
00:16 - Reviewing Layout Docs
01:00 - Starting Code
2:08 - Basic Layouts
3:20 - +layout.js
05:00 - Nested Layouts
09:05 - Layout Groups
14:00 - Layout Resets
16:53 - Conclusion
📃 Topics Covered:
Nested Layouts SvelteKit
What is a +layout.svelte file?
How to create nested layouts in SvelteKit
How to use layout groups in SvelteKit
Custom layouts in SvelteKit
What is SvelteKit?
SvelteKit Navigation bar / navbar
__________________________________________
(Affiliate links may be included in this description. If you choose to purchase a product from one of those links, I may receive a small commission at no cost to you. Thank you for supporting the channel!)