Skip to content

CarlosUlisesOchoa/nextjs-multipage-multilanguage-example

Repository files navigation

Next.js 13.4 + appDir enabled + i18n + next-roots


This is a Next.js 13.4 project that leverages i18n, the experimental appDir feature, and the next-roots package for an improved internationalization experience and SEO friendly.

Table of Contents


Overview

In this application, I've implemented internationalization (i18n) by using the next-roots package. This approach simplifies routing by generating all localized file-routes (slugs) in advance, rather than using dynamic [lang] segments.


Getting Started

  1. Clone the repository:
  git clone https://github.com/CarlosUlisesOchoa/nextjs-multipage-multilanguage-example.git

  1. Open the project's folder:
  cd nextjs-multipage-multilanguage-example

  1. Install dependencies:
  pnpm install

  1. Generate the routes (routes are generated and placed at src/app
  pnpm next-roots

  1. Run the development server:
  npm run dev

  1. Open http://localhost:3000 in your browser to see the app in action.

Contributing

Pull requests and contributions are welcome. Please open an issue first to discuss your proposed changes or improvements.


License

This project is released under the MIT License.


About developer

Visit my web Carlos Ochoa



Note: If you encounter any issues with the project, please report them here. Contributions are welcome!