Hey everyone! I'm diving into fullstack web development, and my current project, which is also my Bachelor's Thesis, requires it to be multilingual. I'm currently using i18next for translations, but now that I'm facing the challenge of inputting a large amount of data into my backend database and rendering it on the frontend, I'm looking for quicker, more automated translation solutions. Right now, I'm manually adding translations in separate JSON files for each language, which feels tedious. As a newbie, I realize this might be a basic question, but I'd really appreciate any tips or tricks you can share! I'm working with React (TypeScript) and using Tailwind for the frontend, along with Supabase as my database.
3 Answers
Hey! I also struggled with managing multiple JSON files for language translations when I started out. That's why I developed SejHey—a translation platform with a React SDK. It keeps all translations in one central location and automatically delivers them to your app via CDN or static files. Plus, it features an in-context editor for easy tweaking of translations within your UI and supports automation if you want to reduce manual input. If you're interested, check it out at sejhey.com/react. I'm here if you have more questions!
Yeah, that’s pretty much the approach I take. I usually go with Copilot for translating everything. Here’s a tip: translate all the strings for one language first, then copy that complete file and ask Copilot to translate just that file. It’s more efficient since it doesn't jump around as much and focuses on one file at a time. Makes it a lot simpler!
Thanks for the advice! I'll keep that in mind.
If you're dealing with raw data translations, consider using tools like GPT to help you out. You can run your data through that and just ensure everything looks good, then format it into valid JSON. That could save you a lot of time!
Yeah, that's my backup plan. I'm just seeing if there's a more efficient way. Thanks!
Sounds great! I'll definitely check it out. Thanks!