rsnext/examples/with-i18n-rosetta
Steven 9f9214abe5
Updated create-next-app docs to include pnpm usage (#35755)
This PR updates the docs and examples for `create-next-app` to include pnpm usage.

The following script was used to update every example README:

```js
const fs = require('fs')
const examples = fs.readdirSync('./examples')

for (let example of examples) {
    const filename = `./examples/${example}/README.md`
    const markdown = fs.readFileSync(filename, 'utf8')
    const regex = new RegExp(`^yarn create next-app --example (.*)$`, 'gm')
    const output = markdown.replace(regex, (yarn, group) => {
        const pnpm = `pnpm create next-app -- --example ${group}`
        return `${yarn}\n# or\n${pnpm}`
    })
    fs.writeFileSync(filename, output)
}
```
2022-03-30 21:03:21 +00: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 Added .gitignore to examples that are deployed to vercel (#15127) 2020-07-16 10:52:23 -04: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 Updated create-next-app docs to include pnpm usage (#35755) 2022-03-30 21:03:21 +00: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 or Yarn to bootstrap the example:

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

Deploy it to the cloud with Vercel (Documentation).