Enhance Language Dropdown in Navbar and Implement Internationalization
Fixes : #2
first of all I removed the group due to which dropdown menu was behaving undesirably
, thereby fixing the unintended association with the login button's hover effect.
Furthermore, the project internationalization support has been added with the help of i18n
i also use next-intl to implement the changes from the <langcode>.json file
and created a structure of the content in messages/en-US.json
and used it.
in order to generate these json files in other languages i used this in which you can just upload the en-us.json and it will gave me es.json (spanish) and hi.json (hindi) translations.
Thus catering to users in different regions.
heres a video of above changes
Task to be Done:
Translated the homepage title into two additional languages.
hindi
spanish
[x] Expand the language dropdown in the navbar to include two more language options.
[x] Implement internationalization support in the project.
[x] Update the website's route structure to include language codes in the URL (e.g., /en/ for English, /ja/for Japanese).
[x] Ensure that hovering over the login button does not affect the style or behaviour of the language dropdown.
Enhance Language Dropdown in Navbar and Implement Internationalization Fixes : #2 first of all I removed the group due to which dropdown menu was behaving undesirably , thereby fixing the unintended association with the login button's hover effect.
Furthermore, the project internationalization support has been added with the help of i18n
i also use next-intl to implement the changes from the
<langcode>.json
fileand created a structure of the content in
messages/en-US.json
and used it.in order to generate these json files in other languages i used this in which you can just upload the
en-us.json
and it will gave me es.json (spanish) andhi.json
(hindi) translations. Thus catering to users in different regions.heres a video of above changes
Task to be Done:
Translated the homepage title into two additional languages.
[x] Expand the language dropdown in the navbar to include two more language options.
[x] Implement internationalization support in the project.
[x] Update the website's route structure to include language codes in the URL (e.g., /en/ for English, /ja/for Japanese).
[x] Ensure that hovering over the login button does not affect the style or behaviour of the language dropdown.