Today's Work: Beginning Internationalization (i18n)
Today, I began the process of making the site multilingual by adding support for an English version of the website.
i18n Setup and Progress
To enable internationalization, I started with the basics:
-
Created translation files:
-
ja.json
for Japanese -
en.json
for English
-
Implemented language-switching logic using
next-intl
.Added a JP / EN language toggle to the navigation bar.
At this point, I’ve completed translation for three sections of the website. I’ll continue updating the remaining sections step by step.
Debugging Monthly Text Logic
There is a debug page used to test whether month-based seasonal content displays correctly. Now that multilingual support is involved, I need to think about how to handle this logic in both languages.
For now, I’m choosing to prioritize simpler sections first, and will come back to the more complex parts after completing the basics.
Next Steps
- Continue translating additional sections
- Plan how to handle debug logic with i18n
- Start reviewing seasonal and conditional text rendering in both languages
The foundation is set, and I'm excited to bring full multilingual support to the site!
tags: nextjs, i18n, multilingual, portfolio, react
Top comments (0)