Creating Dynamic Multilingual Web Apps

Thank you Steve. I like this approach much more than using wordpress with weglot or other plugin solutions. Plugins and frameworks are great and there is nothing wrong with using them, but I want to keep it simple and I'm trying to stick with vanilla HTML, CSS and JavaScript at this point. I got to learn building sites with these basic tools. Always thankful for your valuable content, sir.

i like your voice

I enjoyed this video, thank you

hi Thanks for making this video, I was wondering if it is possible to add a script that detect the browser language and change the html="______" to make it works well. Thanks

This is the easiest every explanation i have watched in a good number of years. Everything you say seems to be coming from the tip of your fingers. Thanks

mmm voice

Hello Steve, can we use i18n with HTML and JS instead of react to achieve a similar result?

i very much enjoyed your deep voice and the simplicity at show here but i can't find a situation where this tactic is useful other than some nav bar changes.

If any1 can help I would really appreciate it:

When he used
if (key) {
}
Doesn’t the variable key return a string? Doesn’t the if conditions only accept boolean values?.. can sm1 please explain this

how does it apply to whole website with multiple div and so much text? Your solution is perfect for small application. What there can be done to bigger websites except express solution or crowded langdata object?

How to Dynamic Pages in Wix Multilingual????

good for small content like Buttons etc, but in my case it's not helping for text like paragraphs that have their own formatting.

thank you! it. works

wow thats amazing

Very nice Tutorial Steve! How do i change the language manually with something like a dropdown menu?

hi! I tried to add Spanish language by changing "de" to "es" and "es-ES" but it doesn't work. My browser language is spanish and in the console appears like this. However, the content displayed is the english one, you know why? thanks!

good and interesting video

Thanks for awesome explanation! I never knew how this worked with pure HTML websites. Do you have an example for selecting locales using cookies? Or is there a better way than using cookies to handle user selected languages? I use i18n for my current NodeJS web apps. The only thing I need to provide is the JSON dictionaries and the serverside JavaScript that handles selects the language that should be shown to the user using a locale variable. I'm also using cookies to save default language for each user.

Now, obviously this makes hosting a bit too complex because the website requires a managed host for NodeJS each time I want to deploy a multi-language website.
Having the multi-language function in HTML and JavaScript would allow me to deploy the website without NodeJS on the backend.

This is great!!
What if we want to navigate through a more complex JSON? Is there a way we can set the data-key to something like "sections.buttons.btn-yes" ?

Hello from India !
Do we have any better approach to deal with languages in React web application ? Or will the same logic work their as well ?

using documentElement is for support those old browers??