scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in feature/refactor-lang (pull request #387)

Browse Source 
feat: SW-238 Avoid prop drilling of lang

Approved-by: Michael Zetterberg
This commit is contained in:
Niclas Edenvin
2024-08-14 11:00:20 +00:00
parent 35128dbf44
commit e67212bd94
94 changed files with 378 additions and 322 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
i18n/i18n.md Normal file
View File

@@ -0,0 +1,17 @@
# Internationalization
## The `lang` route parameter
All page paths starts with a language parameter, e.g. `/sv/utforska-scandic/wi-fi`.
### Get the language in a client component
We have a hook called `useLang` that directly returns the `lang` parameter from the path.
### Get the language in a server component
In order to not prop drill that all the way from a page we use React's `cache` in a way that resembles React`s context, but on the server side.
For this to work we must set the language with `setLang` on all root layouts and pages, including pages in parallel routes. Then we can use `getLang` in the components where we need the language.
This was inspired by [server-only-context](https://github.com/manvalls/server-only-context)