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

Рет қаралды 6,500

tobi tackles tech

Күн бұрын

Пікірлер: 43

@justice8703 Ай бұрын

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

@tobitacklestech Ай бұрын

Thank you 🙌

@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 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 3 ай бұрын

@@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 3 ай бұрын

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

@mdeutschmann 17 күн бұрын

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

@tobitacklestech 17 күн бұрын

Yessss

@varaforskare316 15 күн бұрын

awesome possum explained simply and directly

@CarlosEnriqueGamboa 3 ай бұрын

Nice, very well explained, thank you.

@tobitacklestech 2 ай бұрын

appreciate that thank you ♥️

@AlirezaBohlool 6 күн бұрын

good job

@tobitacklestech 6 күн бұрын

Thanks

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

@tobitacklestech Ай бұрын

I wish you the best!!

@eliuddyn 2 ай бұрын

Amazing 🔥🔥

@sidiqcumar5386 2 ай бұрын

Nice explanation and helpful content, keep going

@tobitacklestech 2 ай бұрын

@@sidiqcumar5386 thanks man 🙌🏼

@vickeze 24 күн бұрын

awesome

@PeriklesPeriklesoglu 2 ай бұрын

thank you

@tobitacklestech 2 ай бұрын

You're welcome

@jaydippatel83 3 ай бұрын

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

@-mahmoudadel2628 3 ай бұрын

keep going

@tobitacklestech 3 ай бұрын

I will ✌️

@-mahmoudadel2628 3 ай бұрын

very cool

@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 2 ай бұрын

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

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