https://github.com/dev-xo/remix-i18n-example

A straightforward Remix + i18n example built on top of react-i18next and remix-i18next.
https://github.com/dev-xo/remix-i18n-example

i18n i18n-react i18n-remix remix-run

Last synced: about 2 hours ago
JSON representation

A straightforward Remix + i18n example built on top of react-i18next and remix-i18next.

• Host: GitHub
• URL: https://github.com/dev-xo/remix-i18n-example
• Owner: dev-xo
• License: mit
• Created: 2023-10-07T17:52:33.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-10T23:50:48.000Z (about 1 year ago)
• Last Synced: 2023-10-11T21:25:14.819Z (about 1 year ago)
• Topics: i18n, i18n-react, i18n-remix, remix-run
• Language: TypeScript
• Homepage: https://remix-i18n.fly.dev
• Size: 18.6 KB
• Stars: 27
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  
🗺️ Remix + i18n

  


    A simple and straightforward Remix + I18N example built on top of react-i18next and remix-i18next, that offers Multi-Language Support & Locale Switching in your application.

  

  

  


    Live Demo

    •

    Resources

  



## [Live Demo](https://remix-i18n.fly.dev)

[Live Demo](https://remix-i18n.fly.dev) that displays Language Switching in action.

[![Remix Auth TOTP](https://raw.githubusercontent.com/dev-xo/dev-xo/main/remix-i18n/thumbnail.png)](https://remix-i18n.fly.dev)

## Remix + I18N

This example isn't meant to be a full-fledged application; it's more a reference for your own implementation.

This example aims to help you achieve Multi-Language Support and Locale Switching in your application, following Sergio's [remix-i18next documentation](https://github.com/sergiodxa/remix-i18next).

In the [Resources](#resources) section you will find a list of other examples and resources that could help you achieve a more complete solution.

## Getting Started

Clone the repository and install its dependencies:

```sh

npm install

```

Run the server:

```sh

npm run dev

```

> **Note**

> If you are using `pnpm` instead, the following packages must be added to `serverDependenciesToBundle`: `remix-i18next`, `accept-language-parser`, `intl-parse-accept-language`.

Ready to go! 🎉

## Resources

A list of other examples and resources that could help you achieve a more complete solution:

- [Remix I18Next](https://github.com/sergiodxa/remix-i18next) by [sergiodxa](https://github.com/sergiodxa) - Must read documentation that will help you understand how to implement i18n in your Remix application.

- [RoachRoast](https://crl-global-app-demo.fly.dev) by [aydrian](https://github.com/aydrian) - A Remix app demo that uses i18n and Prisma - [Github Repository](https://github.com/aydrian/global-app-demo)

- [I18Next Prisma Backend](https://github.com/aydrian/i18next-prisma-backend) by [aydrian](https://github.com/aydrian) - A backend plugin for i18next that supports using Prisma to load resources from the data source specified in the `schema.prisma` configuration file.

- [Epic Stack + I18N](https://github.com/rperon/epic-stack-with-i18n/) by [rperon](https://github.com/rperon) - A Remix app demo that uses i18next for the Epic Stack.

## Contributing

If you have any suggestion you'd like to share, feel free to open a PR!

## License

Licensed under the [MIT license](https://github.com/dev-xo/remix-auth-totp/blob/main/LICENSE).