# Introduction
[](https://travis-ci.com/i18next/i18next-fluent)
[](https://www.npmjs.com/package/i18next-fluent)
[](https://david-dm.org/i18next/i18next-fluent)
This changes i18n format from i18next json to [fluent](https://projectfluent.org) Spec version 1.0.0
# Getting started
Source can be loaded via [npm](https://www.npmjs.com/package/i18next-fluent) or [downloaded](https://github.com/i18next/i18next-fluent/blob/master/i18nextFluent.min.js) from this repo.
```
# npm package
$ npm install i18next-fluent
```
Wiring up:
```js
import i18next from "i18next";
import Fluent from "i18next-fluent";
i18next.use(Fluent).init(i18nextOptions);
```
- As with all modules you can either pass the constructor function (class) to the i18next.use or a concrete instance.
- If you don't use a module loader it will be added to `window.i18nextFluent`
## Samples
- [with react and react-i18next](https://github.com/i18next/react-i18next/tree/master/example/v9.x.x/react-fluent)
## Options
```js
{
bindI18nextStore: true,
fluentBundleOptions: { useIsolating: false }
}
```
Options can be passed in by setting options.i18nFormat in i18next.init:
```js
import i18next from "i18next";
import Fluent from "i18next-fluent";
i18next.use(Fluent).init({
i18nFormat: options
});
```
### loading .ftl fluent flavored textfiles
You can use the [i18next-fluent-backend](https://github.com/i18next/i18next-fluent-backend) to directly load fluent files in fluent syntax from the server.
### more complete sample
```js
import i18next from "i18next";
import Fluent from "i18next-fluent";
i18next.use(Fluent).init({
lng: "en",
resources: {
en: {
translation: {
hello: "Hello { $name }."
}
}
}
});
i18next.t("hello", { name: "fluent" }); // -> Hello fluent.
```
---
Gold Sponsors
