Dynamic Routes & Slugs with Route Params

Опубликовано: 31 Октябрь 2024
на канале: Huntabyte
22,205
912

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 route parameters within SvelteKit, which are extremely useful for dynamic content/page generation.

📂 Final Code
https://github.com/huntabyte/svelteki...

⏪ Previous Video (Loading Data in SvelteKit)
   • Loading Data in SvelteKit (+page.js &...  

📚 Resources Mentioned In This Video
Elon Musk:   / elonmusk  
Jeff Bezos:   / jeffbezos  
SvelteKit Docs: https://kit.svelte.dev

🚀 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:10 - Real-World Example
01:30 - Demo Application Overview
01:58 - Our Goal
02:15 - Creating Params Directory
03:00 - Setup File Boilerplate
03:45 - +page.js
05:40 - +page.svelte
06:35 - Tying It All Together

📃 Topics Covered:
Route params in SvelteKit
How to use route params in SvelteKit
Custom URL in SvelteKit
Dynamic Routes in SvelteKit
Slugs in SvelteKit
SvelteKit vs Remix
SvelteKit vs NextJS
+page.server in SvelteKit
Params in SvelteKit
SvelteKit crash course
What is SvelteKit?

__________________________________________

(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!)