I used this library in my portfolio to convert between Arabic and English or vice versa. The strange thing is that if the language is English and I switch to Arabic, then click on any link on the site, the language switches back to English. I tried to understand the reason but couldn't. I solved the problem by making the site reload 800 milliseconds after changing the language. Do you have any idea about the problem?
Hey. Not totally sure but I believe languages like Arabic are a special case in fact due to their specific characters. In fact I only tried to translate to european languages. Please check the docs for the exceptions. Don't know how to solve this at this point but believe that's the issue.
@@TheJavascriptWay when i change language it changes in url and cookies is there something else ? However when just navigate to another route it returns the same language as before changing
ok.. Thanks for the video.. However.. you are using it only inside of the server component.. I expected how to use in client components.. I said before that next-intl might drop performance.. here are my questions.. is NextIntlClientProvider causes some performance issues? and can I use next-intl without generateStaticParams and unstable_setRequestLocale although I use both server and client components.. I am experiecing some performance Issues after using next-intl.. everything works well but it feels a bit slow and caching is not working.. I dont know is it next-intl's problem or from next.js..
All I am doing is to show how to implement i18n using the docs. I delayed this tut because I wanted to do something more advanced but in the last minute just tried to do the standard. For sure the implementation is now correct but to answer to your questions more development and testing is necessary. Cannot at this point confidently answer your questions. Maybe another viewer can.
Hi great video on translations. Wanted to ask if I can translate text without having any change in the URL ( without using /en, /fr etc or without anything like .en or .fr etc )
By following the entire tutorial, almost everything works correctly, with the exception of the errors that are not defined, it gives me a hydration error.
Hi! Great videooo! Helps me a lot. Could you explain me how could i add a /about and /contact page on this proyect? I saw you other video, but i could't make it works... Thanks!!
Hey. Thanks for your feedback. Adding pages is all about Routing (check my other projects). After that comes translating content anywhere inside your app but the core principles remain the same. I suggest you to check tutorials where I create pages (Routing) and you create your own project. After that implement i18next. It's not that hard. In the near future hope to build a project where I fully translate the App.
@@TheJavascriptWay Thanks for your support! I going to continue working on that, and in the worst escenario, i will waint for you future video :) My issue i think, is that i cant psuh the locale into my url, adding to the route. For example localhost/es/about. Thanks again!
@@TheJavascriptWay Thank you for your support! I truly appreciate it. I managed to navigate through the URL, for example, between localhost:3000/es/ and localhost:3000/es/about, but I can't do it through the navbar using . I assume it's done by handling the URL, but I can't figure out how. I'm eagerly awaiting that video :) Thanks again for the help!
Thank you for your support! I truly appreciate it. I managed to navigate through the URL, for example, between localhost:3000/es/ and localhost:3000/es/about, but I can't do it through the navbar using . I assume it's done by handling the URL, but I can't figure out how. I'm eagerly awaiting that video :) Thanks again for the help!@@TheJavascriptWay
Hey. If you want to have 1 single idiom there's no point to use i18next. The default idiom does not change the URL structure but if you add more languages the "en/pt/fr" will be shown inside the URL.
Peace be upon you. I am a use of i18next on a site like this, and I am on the page work I create the data in a spicial js file and the displays are in the map. I want to translate the file that contains the data. I do not know how to connect it, and there is nothing in it to explain what I mean. All that is available is that it translates a sentence or two. i want to translates completly one entire file.can you help me
I am not sure if I understand what you mean but keep in mind that for this to work you need to use the exact filenames and file structure. It will break the APP if you don't! Translating 1 Page or the full website comes down to the same process. I would recommend you to rewatch the full video again and code along. Good luck. Thanks for your comment.
It's super simple. By default all components in NJ14 are server side components and you must leave them like that in most cases so you get benefits from server side rendering like faster page loading and more. In some other cases where you need user interactivity like click events or when using react hooks you need to change them to client side using "use client" at the top of the file.
I used this library in my portfolio to convert between Arabic and English or vice versa. The strange thing is that if the language is English and I switch to Arabic, then click on any link on the site, the language switches back to English. I tried to understand the reason but couldn't. I solved the problem by making the site reload 800 milliseconds after changing the language. Do you have any idea about the problem?
Hey. Not totally sure but I believe languages like Arabic are a special case in fact due to their specific characters. In fact I only tried to translate to european languages. Please check the docs for the exceptions. Don't know how to solve this at this point but believe that's the issue.
@@TheJavascriptWay when i change language it changes in url and cookies is there something else ?
However when just navigate to another route it returns the same language as before changing
ok.. Thanks for the video.. However.. you are using it only inside of the server component.. I expected how to use in client components.. I said before that next-intl might drop performance.. here are my questions.. is NextIntlClientProvider causes some performance issues? and can I use next-intl without generateStaticParams and unstable_setRequestLocale although I use both server and client components.. I am experiecing some performance Issues after using next-intl.. everything works well but it feels a bit slow and caching is not working.. I dont know is it next-intl's problem or from next.js..
All I am doing is to show how to implement i18n using the docs.
I delayed this tut because I wanted to do something more advanced but in the last minute just tried to do the standard.
For sure the implementation is now correct but to answer to your questions more development and testing is necessary. Cannot at this point confidently answer your questions. Maybe another viewer can.
Hi great video on translations. Wanted to ask if I can translate text without having any change in the URL ( without using /en, /fr etc or without anything like .en or .fr etc )
Hey. Thanks. Well this is the recommend way. Never tried a different way.
@@TheJavascriptWay Got it. Thanks
All video the sam content ,what about multi page and multi layout ,there is many problem .
This tutorial does not cover every single use case scenario.
By following the entire tutorial, almost everything works correctly, with the exception of the errors that are not defined, it gives me a hydration error.
Hydration errors can happen in seveval contexts. It's a tutorial on its own. Have a look.
Hi! Great videooo! Helps me a lot.
Could you explain me how could i add a /about and /contact page on this proyect?
I saw you other video, but i could't make it works...
Thanks!!
Hey. Thanks for your feedback.
Adding pages is all about Routing (check my other projects). After that comes translating content anywhere inside your app but the core principles remain the same. I suggest you to check tutorials where I create pages (Routing) and you create your own project. After that implement i18next. It's not that hard.
In the near future hope to build a project where I fully translate the App.
@@TheJavascriptWay Thanks for your support! I going to continue working on that, and in the worst escenario, i will waint for you future video :)
My issue i think, is that i cant psuh the locale into my url, adding to the route. For example localhost/es/about.
Thanks again!
@@TheJavascriptWay Thank you for your support! I truly appreciate it.
I managed to navigate through the URL, for example, between localhost:3000/es/ and localhost:3000/es/about, but I can't do it through the navbar using .
I assume it's done by handling the URL, but I can't figure out how.
I'm eagerly awaiting that video :)
Thanks again for the help!
Thank you for your support! I truly appreciate it.
I managed to navigate through the URL, for example, between localhost:3000/es/ and localhost:3000/es/about, but I can't do it through the navbar using .
I assume it's done by handling the URL, but I can't figure out how.
I'm eagerly awaiting that video :)
Thanks again for the help!@@TheJavascriptWay
Hello, did you find any solution for /about or /contact page?
Hello, I have a problem with the Google search console. What is the link that will take me to the page? Am I original or /en?
Hey. Wathever you defined as your default idiom I believe. So, without the locale in the URL.
Hey, is there a way to have one language(lets say english) not have any prefix by default? And others have like shown on video?
Hey. If you want to have 1 single idiom there's no point to use i18next. The default idiom does not change the URL structure but if you add more languages the "en/pt/fr" will be shown inside the URL.
Yes you can
thanks for the vedio. but where can i get the source code for this?
Hey. I guess I forgot to link it in the description.
It's not for free. You can get it from my Ko-fi page, later.
👉 Source Code: ko-fi.com/s/807b0f562e
Peace be upon you. I am a use of i18next on a site like this, and I am on the page work I create the data in a spicial js file and the displays are in the map. I want to translate the file that contains the data. I do not know how to connect it, and there is nothing in it to explain what I mean. All that is available is that it translates a sentence or two. i want to translates completly one entire file.can you help me
I am not sure if I understand what you mean but keep in mind that for this to work you need to use the exact filenames and file structure. It will break the APP if you don't!
Translating 1 Page or the full website comes down to the same process.
I would recommend you to rewatch the full video again and code along. Good luck. Thanks for your comment.
Hiw we can change direction to rtl when change to arabic
You need to check the docs for that. I do not cover that on this video.
Could you do video on Pages router
No. Sorry. You're the ONLY person requesting that. Just check the docs after checking this tutorial and it should help you.
perfecttt
Hey thanks for sharing, can you now please explain about client component?
It's super simple. By default all components in NJ14 are server side components and you must leave them like that in most cases so you get benefits from server side rendering like faster page loading and more. In some other cases where you need user interactivity like click events or when using react hooks you need to change them to client side using "use client" at the top of the file.
@@TheJavascriptWay thanks again, My bad i didn't make it clear I meant the i18n client component how to use i18n? Again my apologies
@@TheJavascriptWay Thanks a lot !! Can you make a video with a responsive navbar ?
hhhhh this type of code will be free
Cool