Dynamic Routes & Slugs with Route Params

[@amerrashed6287]

The first guy on KZbin explaining sveltekit better than the official docs ! Thanks a lot :)

[@bmehder]

I took about a year off from learning SvelteKit until all the changes settled. Everything feels much more straightforward now. Your videos are a great supplement to the SvelteKit docs.

[@Huntabyte]

I’m glad to hear that! Please let me know if there’s anything else you’d like to see me cover!

[@deepertracks]

Exact same with me. Took about a year off from it and came back to a framework that is much more put together and easy to understand. And then Hunter's videos are the best I've seen by far! Thanks Hunter.

[@husk1c]

@@deepertracks reminds me a lot of php

[@paundrakkkrishna3214]

Svelte is future of frontend and sveltekit is CMS, and the way u r teaching is the best BROTHER, love from India

[@Huntabyte]

Thanks for your kind words!

[@devt.9712]

Thank you soo much I've been frustrated for hours googling and asking AI your videos are much better, this video tought me a lot and In a simple manner God bless

[@nobelrl8235]

Svelte is my first frontend framework other than flask. I cant wait to binge all of your videos!

[@xx__xx7199]

Thanks man, bring more content from sveltekit, it helps a lot, svelte is amazing

[@Huntabyte]

I agree! I will certainly do so!

[@justgravitate]

Thanks this was very helpful, I was not able to find out how to do the updated dynamic routing until watching this video!

[@Huntabyte]

I'm glad to hear that this was helpful!

[@it-s-me-mohit]

Awesome video. I love sveltekit. Hoping for you to create a whole series on it.

[@Huntabyte]

Thanks for the kind words! I have a few ideas in the works for that as we speak, which will take some time to complete. So in the meantime I'm focusing on smaller pieces to fill in some gaps.

[@gtanmoy]

Thank you for this excellent Sveltekit video series. I request you to please make a complete project with Sveltekit, TailwindCss UI components and Capacitor. Waiting for your videos.

[@Huntabyte]

I will definitely consider that, thank you!

[@zzej]

thanks for not doing 15minutes of css/styling. straight to the important stuff :D

[@libertad83y]

and no over complicated typescript...🤨

[@mmkamalraj8931]

Awesome information on SvelteKit. Tutorial documentation for Svelte frontend was a breeze, but svelteKit document was difficult to understand. You have done a great job explaining the concepts. One suggestion. Include the local file import example.

[@Huntabyte]

Thank you! I am glad you found my explanations helpful!

[@senseicodes]

Great video. How about a video of building a full blown API with Sveltekit

[@Huntabyte]

That's in the queue, I'm looking to cover a lot of the core concepts first so that video won't require as much detail, otherwise, it could be quite lengthy.

[@senseicodes]

@@Huntabyte that's great, thanks mate.

[@rafi_45]

keep up man. thanks for the tutorial. very clear to understand.

[@Huntabyte]

You’re welcome!

[@rodrigocornidez1917]

Very helpful, thanks for the tutorial!

[@hemachandrang6284]

Would love to see a video about Nested Layouts in SvelteKit. That one's a bit confusing

[@Huntabyte]

That’s actually on my list! I struggled with that in one of my own applications and finally figured it out after a lot of experimenting!

[@johntierney3353]

I still have not been able to replicate the old layout.reset which was deprecated.

[@MarkJaquith]

@@johntierney3353 +layout@.svelte will break out of the layout nesting and reset you to the root.

[@manishbarik2267]

Subbed. Keep uploading regarding Svetelkit

[@Huntabyte]

Thank you! I certainly will!

[@dthierno]

Hello, love your videos! Keep up the great work! I was just wondering if you could do a tutorial on how to integrate Firebase with Sveltekit? There are not enough tutorials on it on KZbin, so it would be great if you could. Great job again!

[@Huntabyte]

I am certainly considering that!

[@evanralphvale]

I wish tons of subscriber man! youre the best!

[@szabolcsjobbagy30]

If you are using these dynamic routes (e.g. [id] folder) and server side rendering, do you still deploy the app as Static Site on a hosting platform? Or as Web Service?

[@Huntabyte]

I personally do not deploy as a static site, however, you can certainly do so. I believe you want to check out the prerender or SSG sections of the docs and it should help you accomplish this!

[@szabolcsjobbagy30]

@@Huntabyte Yes, I finally managed to do this, I tried deploying on "Render" hosting platform first, but that needs extra adapter settings, however, Svelte apps can be deployed on Vercel with zero configuration, by a few clicks from Github, so Vercel is my new hosting place! :)

[@swyxTV]

Request: form actions!

[@Huntabyte]

I’m wrapping up recording for exactly this! Expect it very soon!

[@zclin8056]

what tab tool are you using for chrome?

[@Huntabyte]

I'm not using Chrome, I'm using Microsoft Edge, which has the option for vertical tabs and tab groups!

[@kuttarn]

Nice tutorial! What about tho making the page go 404 if the slug doesn't exist? so not any path works

[@Huntabyte]

Sure, you could certainly set that up!

[@cookifymedia]

Like your videos, great content. I am a big fan of svelte and sveltekit. Just joined your discord.

[@Huntabyte]

Thank you! It's still a new server and under construction, but feel free to message me there if you wish to chat!

[@Karen783_]

thanks, you really helped me

[@igihara2662]

Hello @Huntabyte Can you tell for e.g. why you don't fetch single product on page.server page? And when should we user normal and server page for fetching data. Thanks

[@RyszardKozlowski]

👍haven't solved it yet, but it's a process :)

[@adampatterson]

Thanks Hunter, like usual. Things change super quick. data-sveltekit-prefetch has changed to data-sveltekit-preload-data which I think is a silly name 😂 I was messing with TMDB and on my single movie page added the recommendations, and links those to a single movie. It seems like the data doesn't update when you are already on a single page. D o I need to clear the state somehow before reloading the page?

[@adampatterson]

wow, odd. I added target="_self" and that worked.

[@Huntabyte]

Glad you could figure it out! I noticed the change, such a small one and thankfully they include it by default when using create svelte.

[@janisbasisbasovsdev7147]

What if you r on a dynamic route/segment and you have a aside with all links to other data in the same segment. the first data is displayed but when i navigate to another slug the data is fetched on server but the new data is not shown. Whats the best approach to update the page with the new data?

[@joemurillo8872]

use props and pass them over logically I believe there is other ways, as I am trying to figure out how to work with the SSR properly when fetching and passing

[@Nisarsafi274]

In my project json doesn't have ID Can I use title or description or else? Please tell me

[@twd2]

I hope that you specify a series for (PWA) in svelte kit with the new version of sveltekit

[@SRG-Learn-Code]

Great explanation

[@Huntabyte]

Thank you!

[@Mexad0n]

Thanks for great content 👍

[@Huntabyte]

Thank you!

[@MattHeslington]

Another excellent tutorial, cheers!

[@Huntabyte]

Thank you!

[@ambig1]

SyntaxError: The requested module 'vite' does not provide an export named 'preprocessCSS'

[@yazer79]

What if you are working on a big website with massive clean urls - not slug/id - amount like 100k?

[@musafirfisabillah6566]

this is a Amazing video Thanks alot !!!

[@Huntabyte]

You're welcome!

[@swyxTV]

Yesssss keep it up hunter!

[@Huntabyte]

Will do! Thank you!

[@meaningmean]

Love it! Thanks man

[@Huntabyte]

Thank you!

[@amirshojaeeiawirshj]

perfect.

[@BhideSvelte]

Thanks a lottt he helped a lottt

[@bhavyapanchal8190]

Thanks Man

[@jimmynlssn]

So so good!

[@Huntabyte]

Thanks for the kind words, Jimmy!

[@pardonmasuka2]

Awesome!!!

[@jooonmantv]

amazing

[@ruslan5481]

👏👏👏

[@rx0-rx]

Don't like that the data is exposed on the source as data = (your json stuff here)

[@WyzrdCat]

🐶♥

[@dand4485]

Just curious. Say i have a site focused around location. The normal Url will be something like "http:/site/country/state/city". Want it to be convenient for my users, coming to "site" ("src/route/+page.js"), determine if any args were supplied or default them if need and off to "src/route[country]/[state]/[city] via a redirect which seems to work fine so far... The issue seems when a user pressed F5 (refersh page) i'll get "Page not found". Crazy part is if the user has navigated around within my site, have been using the browser history so going forward/back seems to work fine. I am using the BeforeNavigation and AfterNaviation, mainly to prevent a bad route might have been requested, and in the AfterNavigation will then populate the page. Also, using sveltekit I'd be happy if it works as a client only SPA, don't need SSR/SSG, just have it all run/update by client requests. Did try to generate a static site, am using: import adapter from '@sveltejs/adapter-static'; Trying to pre-generate the site, then i'll get errors about "Dynamic Routes found" can't generate site. Any suggestions? Reading other posts, seems you were asking about ideas for more posts? Couple might be to build, and deploy to different servers. I know getting my site was a joy. I'm hosting my site on my own machine running windoZe 10 via IIS for example. Would be glad to share/help if interested for this config...

[@twd2]

love it,thanks

[@oleksandr.brazhii]

Thank you, friend, for these videos!

[@Huntabyte]

You're very welcome!