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

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

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

  • @justice8703
    @justice8703 Месяц назад

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

  • @mdeutschmann
    @mdeutschmann 13 дней назад

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

  • @seifadel8759
    @seifadel8759 3 месяца назад

    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  3 месяца назад

      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 3 месяца назад +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  3 месяца назад

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

  • @varaforskare316
    @varaforskare316 12 дней назад

    awesome possum explained simply and directly

  • @CarlosEnriqueGamboa
    @CarlosEnriqueGamboa 2 месяца назад +1

    Nice, very well explained, thank you.

  • @sidiqcumar5386
    @sidiqcumar5386 2 месяца назад

    Nice explanation and helpful content, keep going

  • @eliuddyn
    @eliuddyn Месяц назад

    Amazing 🔥🔥

  • @AlirezaBohlool
    @AlirezaBohlool 3 дня назад

    good job

  • @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 20 дней назад

    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?

  • @heronlancellot
    @heronlancellot Месяц назад

    Niceeeee

  • @PeriklesPeriklesoglu
    @PeriklesPeriklesoglu 2 месяца назад +1

    thank you

  • @-mahmoudadel2628
    @-mahmoudadel2628 3 месяца назад

    very cool

  • @-mahmoudadel2628
    @-mahmoudadel2628 3 месяца назад

    keep going

  • @AmitHariyale-m8c
    @AmitHariyale-m8c Месяц назад

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

  • @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

  • @msadiqsiddiqui
    @msadiqsiddiqui 3 месяца назад

    How to export build after Internationalization (i18n)?

    • @tobitacklestech
      @tobitacklestech  3 месяца назад

      Just npm run Build I guess, what is the issue you are 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

  • @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 2 месяца назад

      @@tobitacklestech thank you so much❤