SvelteKit Crash Course Tutorial #4 - Pages & Routes

Поделиться
HTML-код
  • Опубликовано: 16 ноя 2024

Комментарии • 49

  • @livinglifeonthemargin6180
    @livinglifeonthemargin6180 2 года назад +138

    Helpful note from the future: Using the current version of Svelte (3.44 on my install... I'm not sure when this changed) You've probably already noticed that the index page is called '+page.svelte' (and still lives in the 'src' folder). To add the about page you instead add a folder named 'about' then put a '+page.svelte' file in that folder to hold the code.

    • @miguelsarmiento7628
      @miguelsarmiento7628 2 года назад +7

      You are right. In the new versions, it is different. You need a folder and a +page.

    • @jj342
      @jj342 2 года назад

      Thanks, was confused about this

    • @jj342
      @jj342 2 года назад +5

      Explanation: kit.svelte.dev/docs/routing

    • @fehsilva4868
      @fehsilva4868 2 года назад +1

      Thanks bro I was having a hard time trying to find an explanation for this

    • @chakicheri4609
      @chakicheri4609 Год назад

      Thanks it's very helpful

  • @ok-alarm
    @ok-alarm Год назад +13

    this great course needs an update...

  • @blankslate6393
    @blankslate6393 2 года назад +26

    HI Sahun, as Routes API has changed since this video, that would be great if make a revised SveltKit series, this time, more complete with a backend authentication, like what you did for Next.js

    • @tobi_dosumu
      @tobi_dosumu Год назад +2

      Now that this request has gotten 7 likes, I'd suggest it's high time you considered making a tutorial video on the most recent Svelte-kit version with backend authentication.
      I can only imagine how demanding that would be for you. But, hey, that's why you're a blackbelt Net Ninja 😀
      Your students are waiting and counting on you 🥺🙃😊

  • @suayebahmed8867
    @suayebahmed8867 2 года назад +7

    Omg. Svelte is so easy to understand. Just like html, but advanced.

  • @Omerko
    @Omerko 2 года назад +5

    For now, Svelte seems pretty much straightforward, a nice tutorial... 😀

  • @StevenCookFX
    @StevenCookFX Год назад +14

    OMG you need to update the tutorial. they radically changed the routing! To do the about page you now need to create a new "about" folder and then add your about page there. You have to name the about page "+page.svelete" I have no clue why they made it complicated like this. maybe for security?

    • @kevin3894
      @kevin3894 Год назад +1

      oh wow thanks thats strange

    • @ksoddy-fk7yt
      @ksoddy-fk7yt 11 месяцев назад

      thank you for this!!!

  • @maskman4821
    @maskman4821 2 года назад +5

    Hopefully Shaun covers load function in this series 🙏🙏🙏

    • @gunarcom
      @gunarcom 2 года назад +1

      It's pretty important so I imagine he will.

  • @12B-m6l
    @12B-m6l 2 года назад

    good stuff! a video on how to navigate the recent refactoring?

  • @greaseDonkey
    @greaseDonkey 2 года назад +1

    Looks like svelte updated its routing method to use a combination of directories and +pages.svelte files.

  • @laravelframeworkintelugu7730
    @laravelframeworkintelugu7730 2 года назад

    Nice Explanation,
    could you tell me which software you use to record your screen and add audio to it.
    I am interested to start a youtube channel but i am not aware of what software to use to make a good screen recorded vedio with audio.

  • @cjhohd2601
    @cjhohd2601 2 года назад

    great video

  • @BridgerB
    @BridgerB 2 года назад +2

    It looks like SvelteKit just made some breaking changes to this tutorial. Will you be updating this at all?

    • @lubbersdan
      @lubbersdan 2 года назад +1

      Is this in reference to the routing?

    • @BridgerB
      @BridgerB 2 года назад

      @@lubbersdan yes

    • @lubbersdan
      @lubbersdan 2 года назад

      @@BridgerB Why does my answer to this persons comment keep getting deleted??? I've answered him twice now and both times it has been deleted.

    • @lubbersdan
      @lubbersdan 2 года назад +2

      @@BridgerB I'll try for a third time: The changes in routing are here in the docs: kit.svelte.dev/docs/routing
      Changed index.svelte to +page.svelte and put them in properly named folders.

    • @paulyeboahasamoah3907
      @paulyeboahasamoah3907 2 года назад

      @@lubbersdan How can you have multiple pages within a single named folder ? since all named folders seem to accept only +page.svelte

  • @richardwilliam7030
    @richardwilliam7030 2 года назад

    Please upload more

  • @nickreutlinger
    @nickreutlinger 2 года назад

    How do you automatically break the lorem ipsum lines?

    • @oluwapelumiadegoke8728
      @oluwapelumiadegoke8728 2 года назад +1

      Check the rewrap extension for VSCode

    • @ivans7
      @ivans7 8 месяцев назад +1

      Alt+Z = wrap text

    • @nickreutlinger
      @nickreutlinger 8 месяцев назад

      @@ivans7 A little late but thank‘s anyways ;) Have a great time learning SvelteKit!

  • @bmehder
    @bmehder 2 года назад

    If we pay for these lessons from your website, are all the lessons available to watch now? Patience is not my strong suit.

    • @frediashes
      @frediashes 2 года назад +1

      I did and yes.

    • @bmehder
      @bmehder 2 года назад +1

      @@frediashes Thank you.

  • @mises1615
    @mises1615 2 года назад +1

    You make wonderful courses, but I really don't like things with CSS. I doubt someone will start your Svelte course without knowing already CSS and every second video half of it is how you style DOM elements. Why are you not explaining how HTML tags works? If I were you, I would just say that I will style a bit of code using CSS and skip this part of the video.