🚀 Portfolio Website Update: Now Supporting Multiple Languages! 🌍
Excited to share a major update to my personal portfolio website! 🎉 Over the past few days, I integrated next-intl to internationalize the entire site, making it fully accessible in both English and Japanese! 🇯🇵🇺🇸
💻 Check out the live demo here: https://lnkd.in/eVwTQnyz
🔑 Key Updates:
• Internationalization: With next-intl, all content on the site is dynamically translated between English and Japanese, offering a seamless experience for users in both languages.
• Toggle Switch with Flag Emojis: Added a sleek language switcher with 🇯🇵 and 🇺🇸 flags to allow users to easily toggle between English and Japanese.
• Download Resume Button: The resume download button is now language-sensitive! It downloads my rireksho (Japanese resume) when in Japanese mode, and my English CV when in English mode.
• Diagonal Drawer Menu: The navigation drawer was updated to reflect the new language toggle, making it intuitive and visually engaging on mobile and desktop screens.
• Improved User Experience: Whether browsing in English or Japanese, users can now view projects, skills, and contact information in their preferred language.
💡 What is next-intl?
next-intl is a powerful library for managing internationalization (i18n) in Next.js applications. It allows you to easily translate your app’s content into multiple languages with features like dynamic routing and efficient loading of translations. This helps create a seamless, multilingual experience for users worldwide.
🔗 Learn more about next-intl and its features here: https://lnkd.in/e6znMZE9
🛠️ Tech Stack:
• React.js & Next.js: Enhanced dynamic routing with optimized performance.
• Tailwind CSS: For modern, responsive design.
• next-intl: For seamless internationalization across all components.
• Vercel: For easy deployment and continuous integration.
This was a fun challenge, and I’m thrilled with how it turned out! 🌐 Feel free to explore the new multi-language feature and let me know what you think.
#webdevelopment #reactjs #nextjs #internationalization #i18n #frontenddevelopment #tailwindcss #vercel #nextintl #portfolio #javascript #japan #usa #multilingual
Enjoyed this post? Get in Touch — I'd love to hear your thoughts.