A modern, production-ready React + Vite + TypeScript starter project with seamless internationalization powered by Intlayer.
This template provides a robust foundation for scalable, multilingual web applications.
- React 18+ with functional components and hooks
- Vite for lightning-fast development and builds
- TypeScript for end-to-end type safety
- Intlayer for advanced i18n and content management
- Zustand (recommended) for state management
- ESLint + Prettier for code quality and consistency
- Ready for CI/CD and modern deployment workflows
my-intlayer-app/
├── public/
├── src/
│ ├── assets/
│ ├── App.tsx
│ ├── App.css
│ ├── app.content.tsx
│ ├── LocaleSwitcher.tsx
│ ├── main.tsx
│ ├── index.css
│ └── vite-env.d.ts
├── intlayer.config.ts
├── vite.config.ts
├── package.json
├── tsconfig*.json
├── eslint.config.js
├── README.md
└── ROADMAP.md
git clone https://github.com/melihcanndemir/my-intlayer-app.git
cd my-intlayer-appnpm install- Edit
intlayer.config.tsto define your supported languages and i18n settings. - Update
vite.config.tsto include the Intlayer plugin.
- Add your translation keys and content in
src/app.content.tsxusing thet()function.
npm run devVisit http://localhost:5173 to view your app.
- Use
IntlayerProviderinmain.tsxto wrap your app. - Fetch content with
useIntlayer("app"). - Switch languages with the
LocaleSwitchercomponent (useLocale()andsetLocale()).
- URL-based routing (middleware support)
- Visual Editor (coming soon)
- CMS integration
- Dynamic
<html lang>anddirupdates
- Build dictionaries:
npx intlayer dictionaries build
- Add
.intlayer/to your.gitignore.
- Fork the repository
- Create a new branch (
git checkout -b feature/your-feature) - Commit your changes (
git commit -m 'Add new feature') - Push to the branch (
git push origin feature/your-feature) - Open a Pull Request
This project is licensed under the MIT License.
- Star the project on GitHub
- For issues or questions, use GitHub Issues
- Rarity: Advanced, modern, and modular i18n React starter with Intlayer integration (rare in open source).
- Level: Suitable for intermediate to advanced React/TypeScript developers.