Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/carlosulisesochoa/nextjs-multipage-multilanguage-example
A template/example of a starter project with Nextjs 14.2 + i18n + next-roots (svobik7)
https://github.com/carlosulisesochoa/nextjs-multipage-multilanguage-example
appdir i18n localization mpa next nextjs
Last synced: about 9 hours ago
JSON representation
A template/example of a starter project with Nextjs 14.2 + i18n + next-roots (svobik7)
- Host: GitHub
- URL: https://github.com/carlosulisesochoa/nextjs-multipage-multilanguage-example
- Owner: CarlosUlisesOchoa
- License: mit
- Created: 2023-05-03T22:33:22.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-14T01:02:20.000Z (5 months ago)
- Last Synced: 2024-06-15T00:45:23.022Z (5 months ago)
- Topics: appdir, i18n, localization, mpa, next, nextjs
- Language: TypeScript
- Homepage: https://nextjs-multipage-multilanguage-example-89lcrjkjj.vercel.app
- Size: 257 KB
- Stars: 5
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Overview
This project template showcases an enhanced internationalization (i18n) experience in a Next.js application using the next-roots package. By generating all localized file-routes (slugs) in advance, this approach simplifies routing and improves performance compared to dynamic `[lang]` segments.
### Key Benefits
- **Simplified Routing**: Automatically generates localized routes such as `/es/acerca` and `/about`, allowing you to manage multiple languages efficiently.
- **Centralized Translation Files**: Keep your code clean by defining routes in one file and placing translations in another, making it easier to maintain and scale your application.
## Table of Contents
- [Overview](#overview)
- [Getting Started](#getting-started)
- [Contributing](#contributing)
- [License](#license)
- [About Developer](#about-developer)
## Getting Started
1. **Clone the repository:**
```bash
git clone https://github.com/CarlosUlisesOchoa/nextjs-multipage-multilanguage-example.git
```
2. **Navigate to the project directory:**
```bash
cd nextjs-multipage-multilanguage-example
```
3. **Install dependencies:**
```bash
pnpm install
```
4. **Run the development server:**
```bash
pnpm dev
```
5. **Open the application:**
Visit [http://localhost:3000](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](LICENSE).
## About developer
Visit my web [Carlos Ochoa](https://carlos8a.com)
---
**Note:** If you encounter any issues with the project, please report them [here](https://github.com/CarlosUlisesOchoa/nextjs-multipage-multilanguage-example/issues). Contributions are welcome!
