background icons
background icons 2

Video Belajar

Tonton dan pelajari berbagai topik menarik melalui video pembelajaran eksklusif dari Channel Huntabyte.

Huntabyte

23013

Dynamic Routes & Slugs with Route Params

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/sveltekit-params

⏪ Previous Video (Loading Data in SvelteKit)
https://www.youtube.com/watch?v=EQy-AYhZIlE

📚 Resources Mentioned In This Video
- Elon Musk: https://twitter.com/elonmusk
- Jeff Bezos: https://twitter.com/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!)