Nuxt.js Static Site Generation With Github Pages Walkthrough

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 ม.ค. 2025

ความคิดเห็น • 29

  • @ProgramWithErik
    @ProgramWithErik  7 ปีที่แล้ว +6

    What do you think of Static sites?

    • @CheoWalker
      @CheoWalker 7 ปีที่แล้ว +2

      I think this make it easier to make a portfolio sites for my Github accounts. Thanks

    • @mrMinstrel
      @mrMinstrel 7 ปีที่แล้ว +2

      My latest project is a redo of a Vue SPA into Nuxt...reason: for SEO capabilities. Thanks!

  • @SowmyaNaik-u5y
    @SowmyaNaik-u5y ปีที่แล้ว +1

    Hi Erik, great tutorial. Can you do a github pages deployment video with Nuxt3 + Vuetify

  • @zakosish
    @zakosish 6 ปีที่แล้ว +1

    I' m new to nuxt and this video helps me lots. Thx Erik!

  • @sierralorenzini2317
    @sierralorenzini2317 6 ปีที่แล้ว

    When I run npm generate (like you do at 13:22) for some reason an about folder is not created... Just the _nuxt folder. Any idea why?

  • @JFkingW
    @JFkingW 6 ปีที่แล้ว

    So what generate does it compiles my components into the Index.html so my content like headers and paragraphs are in the site source code and it can be picked up by seo crawlers, right? But when I would load async data from firebase it wouldn‘t be ready for seo? If I wanted to have this I would need to use SSR right?

  • @evemusic3542
    @evemusic3542 4 ปีที่แล้ว +1

    It works for me for the first commit and push! But after that, whenever i successfully commit and push some changes, why does my github.io website does not change at all? Can you please help me?

  • @GameOver7853
    @GameOver7853 7 ปีที่แล้ว

    Hey Erik, what is the benefit of doing this as in a regular vue app npm run build also creates a static site. Didn't quite get it :/

    • @ProgramWithErik
      @ProgramWithErik  7 ปีที่แล้ว +1

      The vue-cli does not create a static site out of the box that will work on something like Github pages without additional configuration. There are ways to do it, with plugins like vue-gh-pages, or push-dir, or doing some renaming. This configuration with nuxt is a little easier. Of course you can run Nuxt as a SSR app, (with an express server), and it can be deployed that way instead.

  • @JhonatanMorais
    @JhonatanMorais 5 ปีที่แล้ว

    Thank you. Help me a lot!

  • @skryonline5825
    @skryonline5825 6 ปีที่แล้ว

    Hi, Erik. Thanks for great tutorial as usually. It is simple and easy. Quick question, after I generate the project, when I open the homepage locally and try to go the other page via the link, browser can't find the page, even thought it was generated. I see it in the dist folder. The source of the the html generated shows that the link is just /info instead of full path to /info/index.html am I missing something?

    • @ProgramWithErik
      @ProgramWithErik  6 ปีที่แล้ว

      Did you figure this out? Sorry was out of town, not sure

    • @skryonline5825
      @skryonline5825 6 ปีที่แล้ว

      Program With Erik, yes, I did. I just uploaded to a regular web server. Everything works just fine. Thank you

  • @BenHayat
    @BenHayat 6 ปีที่แล้ว

    Erik, do you have full courses on Udemy?

    • @ProgramWithErik
      @ProgramWithErik  6 ปีที่แล้ว

      No, but I do have a course in the description :)

  • @DanielSixl
    @DanielSixl 7 ปีที่แล้ว

    Thank you :)

  • @matthewburson2908
    @matthewburson2908 5 ปีที่แล้ว

    Nice little ding dong at 2:10

  • @halgankasonna636
    @halgankasonna636 6 ปีที่แล้ว

    Thanks,

  • @heyyy4987
    @heyyy4987 7 ปีที่แล้ว

    nice

  • @agiraldodev
    @agiraldodev 6 ปีที่แล้ว +1

    Don't work for me :(

    • @ProgramWithErik
      @ProgramWithErik  6 ปีที่แล้ว

      What happened?

    • @agiraldodev
      @agiraldodev 6 ปีที่แล้ว +1

      @@ProgramWithErik Images don't show

    • @Javi_Noble
      @Javi_Noble 3 ปีที่แล้ว

      @@agiraldodev I have tuba same problem, and muy nuxt links dont work

  • @matheusvidal3537
    @matheusvidal3537 ปีที่แล้ว

    flash bang