rsnext/examples/with-i18n-rosetta
Marcos Bérgamo c3e5caf110
docs(examples): improve DX while copying command to create new project (#38410)
* docs(examples): improve DX while copy command to create new project

* chore: apply code review

Co-authored-by: Marcos Bérgamo <Marcos.Bergamo@refinitiv.com>
Co-authored-by: JJ Kasper <jj@jjsweb.site>
2022-07-26 21:57:48 -05:00
..
components Rosetta i18n example (#11841) 2020-04-21 12:49:18 -05:00
hooks Rosetta i18n example (#11841) 2020-04-21 12:49:18 -05:00
lib Fix with-i18n-rosetta example (#16023) 2020-08-10 16:11:11 -05:00
locales Fix typo in German translation (#22291) 2021-02-18 11:00:20 +00:00
pages Create _document.js to include current language in HTML tag (#16360) 2020-09-02 09:50:08 -05:00
.gitignore Update default gitignore templates (#39051) 2022-07-26 20:08:40 -05:00
next.config.js De-experimentalize redirects for rosetta example (#15554) 2020-07-28 08:36:34 +00:00
package.json Remove licence from all example/package.json that has them (#28007) 2021-08-14 10:48:39 -05:00
README.md docs(examples): improve DX while copying command to create new project (#38410) 2022-07-26 21:57:48 -05:00

rosetta example

This example uses rosetta, react hooks and context to provide a SSR, SSG, CSR compatible i18n solution.

In next.config.js you can configure the fallback language.

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

Deploy with Vercel

How to use

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example with-i18n-rosetta with-i18n-rosetta-app
yarn create next-app --example with-i18n-rosetta with-i18n-rosetta-app
pnpm create next-app --example with-i18n-rosetta with-i18n-rosetta-app

Deploy it to the cloud with Vercel (Documentation).