A simple example of multi lingual App
The Language databases are stored in src/langs/data
directory.
Locales are stored in @langs/locales.json
directory.
The Language loader in stored in @langs/datt.ts
file.
You may use it like this
import load_data from 'src/langs';
const data = await load_data('en'); // load english(en) data along with its type
So in this way you can load any language data and use it in your app, by sending it from server and then storing it in __data.json
files.
This can be done by using slugs
like we have used lang
slug.
To also have a default locale(usually english, in our case Sanskrit) you should [...lang]
.
I also noticed that if deploy to edge functions
then use can also use the [[lang]]
slug which is better than the above.