Implement Awesome Next.js 14 Internationalization (i18n) with App Router and next-intl

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 พ.ย. 2024

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

  • @justice8703
    @justice8703 หลายเดือนก่อน

    The smooth transitions in the video are amazing! Loved it much!! 🔥🔥🔥

  • @mdeutschmann
    @mdeutschmann 19 วันที่ผ่านมา

    Adding tolgee with their chrome extension your experience raises even one level higher 🚀

  • @varaforskare316
    @varaforskare316 17 วันที่ผ่านมา

    awesome possum explained simply and directly

  • @seifadel8759
    @seifadel8759 4 หลายเดือนก่อน

    I was working on a new project that needed internationalization, been working with next for a few months now but decided to give up and just use react, the whole process feels ALOT smoother and less headache

    • @tobitacklestech
      @tobitacklestech  4 หลายเดือนก่อน

      Yes it’s a good Ida to learn first react and get into Next js later, some say Next.js is easier but thats not fully true, maybe I do a comparison Video about that ;)

    • @seifadel8759
      @seifadel8759 4 หลายเดือนก่อน +1

      @@tobitacklestech nono, I've been using both for about two years now, it's just that internationalization is way easier and well documented on react compared to next, hope they do something about that soon

    • @tobitacklestech
      @tobitacklestech  4 หลายเดือนก่อน

      ahh i understand, yee the documentation could be better, you are right

  • @CarlosEnriqueGamboa
    @CarlosEnriqueGamboa 3 หลายเดือนก่อน +1

    Nice, very well explained, thank you.

    • @tobitacklestech
      @tobitacklestech  3 หลายเดือนก่อน

      appreciate that thank you ♥️

  • @sidiqcumar5386
    @sidiqcumar5386 2 หลายเดือนก่อน

    Nice explanation and helpful content, keep going

    • @tobitacklestech
      @tobitacklestech  2 หลายเดือนก่อน

      @@sidiqcumar5386 thanks man 🙌🏼

  • @AlirezaBohlool
    @AlirezaBohlool 8 วันที่ผ่านมา

    good job

  • @eliuddyn
    @eliuddyn 2 หลายเดือนก่อน

    Amazing 🔥🔥

  • @fedewoodward4216
    @fedewoodward4216 หลายเดือนก่อน

    fucking love you dude. i have to present a web TOMORROW, and i thougt translation was easy, now im facing a long nigth literally writing t everywhere in like 40 or 50 components. haha fun.

  • @vickeze
    @vickeze 26 วันที่ผ่านมา

    awesome

  • @jaydippatel83
    @jaydippatel83 3 หลายเดือนก่อน +1

    Great tutorial! I was able to easily translate all the static content in my app, but I've been struggling to find a way to translate dynamic content that comes from API responses. Is there any method or best practice for translating dynamic content fetched from an API?

    • @tobitacklestech
      @tobitacklestech  3 หลายเดือนก่อน

      @@jaydippatel83 not really, if the api you Talk to only supports english then maybe you could use another translate Service but this takes Time and time is never user friendly, if you selve Host the api you could copy it’s values to different languages and use them with the e.g. useLocale Hook

  • @OleksiiMazurenko
    @OleksiiMazurenko 2 หลายเดือนก่อน

    Will this approach work well in the context of SEO (indexing)? I mean when using client-side hooks. And very well explained, thank you

    • @tobitacklestech
      @tobitacklestech  2 หลายเดือนก่อน +1

      It should, but read into the docs to be safe because I don’t looked into SEO with internationalization

    • @OleksiiMazurenko
      @OleksiiMazurenko 2 หลายเดือนก่อน

      @@tobitacklestech Perhaps you know how to solve this problem: How can I correctly merge two useRouter hooks in my Next.js project? I’m using one useRouter from next-nprogress-bar for the loading indicator, and another from next-intl/navigation for locale handling. I want to combine their functionalities, so that when I use methods like push, the locale is added to the path and the loading indicator is displayed at the same time, without duplicating the method calls. Is there a best practice for combining them without repeating method calls?

  • @PeriklesPeriklesoglu
    @PeriklesPeriklesoglu 2 หลายเดือนก่อน +1

    thank you

  • @-mahmoudadel2628
    @-mahmoudadel2628 3 หลายเดือนก่อน

    very cool

  • @-mahmoudadel2628
    @-mahmoudadel2628 3 หลายเดือนก่อน

    keep going

  • @heronlancellot
    @heronlancellot หลายเดือนก่อน

    Niceeeee

  • @AmitHariyale-m8c
    @AmitHariyale-m8c หลายเดือนก่อน

    usage of next-intl in server components currently opts into dynamic rendering, getting this error while deploying

    • @tobitacklestech
      @tobitacklestech  หลายเดือนก่อน

      Can you show the error you’re getting?

  • @-mahmoudadel2628
    @-mahmoudadel2628 3 หลายเดือนก่อน

    how to combine this middleware with auth.js middleware?

    • @tobitacklestech
      @tobitacklestech  3 หลายเดือนก่อน

      They should work together I have a project called bitz at my GitHub where U can find an example

  • @msadiqsiddiqui
    @msadiqsiddiqui 4 หลายเดือนก่อน

    How to export build after Internationalization (i18n)?

    • @tobitacklestech
      @tobitacklestech  4 หลายเดือนก่อน

      Just npm run Build I guess, what is the issue you are getting?

  • @libergong1172
    @libergong1172 2 หลายเดือนก่อน

    what if i got many client sub components ? passing the t object all the way long?

    • @tobitacklestech
      @tobitacklestech  2 หลายเดือนก่อน

      @@libergong1172 you could use something like context apis e.g. Zustand

  • @DulguunTanusoft
    @DulguunTanusoft หลายเดือนก่อน

    how do i change the language now

    • @tobitacklestech
      @tobitacklestech  หลายเดือนก่อน

      @@DulguunTanusoft By changing the Prefix to the Language you want for example de or en

  • @StrangeBird-m6x
    @StrangeBird-m6x 3 หลายเดือนก่อน

    Can someone give me the name of the font family in this editor vscode

    • @tobitacklestech
      @tobitacklestech  3 หลายเดือนก่อน +1

      @@StrangeBird-m6x this is fira code ;)

    • @StrangeBird-m6x
      @StrangeBird-m6x 3 หลายเดือนก่อน

      @@tobitacklestech thank you so much❤