lingo.dev icon indicating copy to clipboard operation
lingo.dev copied to clipboard

docs: create a Lingo.dev CLI integration guide for angular #1337

Open praveen-nagula opened this issue 1 month ago • 2 comments

Description

This PR adds a comprehensive integration guide for using Lingo.dev CLI with Angular applications, addressing issue #1337.

What's Included

  • Complete tutorial (1,037 lines) from zero to working multilingual Angular app
  • Working demo with 3 pages, navigation, and language switcher
  • ngx-translate integration - most popular Angular i18n solution
  • Multiple examples including JSON and TypeScript translation files
  • CI/CD automation with GitHub Actions
  • Troubleshooting and best practices sections

Framework-Specific Features

  • Angular 17+ standalone components
  • Proper Dependency Injection patterns
  • Template pipes for translations
  • Full TypeScript support
  • Production-ready code

Testing

The guide has been cross-referenced with:

  • ✅ Angular official documentation
  • ✅ ngx-translate documentation
  • ✅ Lingo.dev CLI documentation
  • ✅ Code syntax validated
  • ✅ Configuration schemas checked

Ready for live testing by maintainers following the guide steps.

Workflow

Following the documentation contribution workflow from CONTRIBUTING.md:

  1. ✅ PR created with integration guide markdown
  2. ⏳ Awaiting review and feedback
  3. ⏳ Guide will be published to lingo.dev upon approval
  4. ⏳ Byline will link to contributor profile

Closes #1337

praveen-nagula avatar Oct 30 '25 04:10 praveen-nagula

Hi 👋

Thanks for the submission. I've assigned myself to review the PR in more depth and will get to it shortly.

At first glance, the scope of the guide may be too big. Ideally, it'd match the structure/scope of existing guides.

Thanks. 😄

davidturnbull avatar Nov 03 '25 17:11 davidturnbull

Hi @davidturnbull , Thanks for the feedback, I have made the changes to condense the content. Please review

Thanks 😊

praveen-nagula avatar Nov 04 '25 17:11 praveen-nagula