Internationalization Next.js / React

This is a modern web application built using Next.js and React. The project is designed to provide a seamless user experience with internationalization support powered by i18next-react. Styled using Tailwind CSS with PostCSS, it ensures responsiveness and aesthetic consistency. The project leverages TypeScript for type safety and uses components from shadcn for a modular and extensible design system.

🛠 Features

• Next.js Framework: For server-side rendering and optimized performance.
• Internationalization: Multi-language support powered by i18next-react.
• TypeScript: Ensures type safety and scalability.
• Responsive Design: Styled using Tailwind CSS and PostCSS.
• Reusable Components: Incorporates Shadcn for modular design.
• Optimized Development: Pre-configured setup for rapid prototyping.

💻 Tech Stack

• Next.js: A React framework for server-side rendering, static site generation, and optimized production performance.
• React: A JavaScript library for building dynamic and interactive user interfaces.
• TypeScript: A strongly typed superset of JavaScript, providing static typing for safer and more predictable code.
• Tailwind CSS: A utility-first CSS framework for rapid UI development with minimal custom CSS.
• PostCSS: A CSS preprocessor that allows for extended CSS functionality and tooling.
• i18next-react: A powerful internationalization framework for adding multi-language support to your application.
• Shadcn: A library for modular, accessible, and reusable components that integrate seamlessly with Tailwind CSS.

🚀 Run Locally

Clone the project

  git clone https://github.com/LunaNezha/i18next-react

Go to the project directory

  cd i18next-react

Install dependencies

  npm install

Start the server

  npm run dev

Adding Translations

app/i18n/locales/
   en/
      translations.json
   fa/
      translations.json

Generate the translations after adding new one

npm run interface

✅ Running Tests

To run tests, run the following command

  npm run test

🤝 Contributing

Contributions are always welcome!

If you’d like to improve this project:

• Fork the repository.
• Create your branch: git checkout -b feature/your-feature.
• Commit your changes: git commit -m "Add your message".
• Push to the branch: git push origin feature/your-feature.
• Open a Pull Request.

💡 Support

For support, email mahdie.nezhadhosseini@gmail.com.

📝 License

This project is licensed under the MIT License. See the LICENSE file for details.