DEV Community

ri ki
ri ki

Posted on

Umemura Farm Website – Devlog #36: Adding English Support and Starting i18n Integration

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)