Internationalization

Usage

Clone this repository:

git clone https://github.com/traveloka/soya-next.git
cd soya-next/examples/i18n

Then, install and run it:

npm install
npm start

Open http://localhost:3000 in your browser.

How It Works

This example uses express middleware to enable internationalization.

To use it, create a configuration file at config/default.json with the following:

{
  "defaultLocale": "id-id",
  "siteLocales": [
    "id-id",
    "en-id"
  ]
}

To access locale, default locale, and site locales within your application, you need to provide them into every page using createPage() as follows:

import { createPage } from 'soya-next';

const Page = ({
  locale,
  defaultLocale,
  siteLocales,
}) => {};

Page.getIntialProps = ({
  locale,
  defaultLocale,
  siteLocales,
}) => {};

export default createPage()(Page);

Now, you can access them in your component as well using withLocale:

import { withLocale } from 'soya-next/i18n';

export default withLocale(({ defaultLocale, locale, siteLocales }) => {});