Comments (4)
Yes, it is possible to use angular-i18next with Universal and SSR.
There is no specific angular-i18next settings to use it with SSR.
Just use official i18next plugin for SSR:
And load you translations from filesystem on node.js backend:
Demo app implements SSR:
https://github.com/Romanchuk/angular-i18next/tree/master/apps/angular-i18next-demo
I have no time at the moment to make good doc about SSR
from angular-i18next.
Thank you now it's working but I have another issue when I try to prerender I got the:
No provider for InjectionToken REQUEST do you have some advice?
from angular-i18next.
@michal-seidler Sorry for waiting:
import { NgModule } from '@angular/core';
import { ServerModule } from '@angular/platform-server';
import { REQUEST } from '@nguniversal/express-engine/tokens';
import { I18NEXT_INSTANCE } from 'angular-i18next';
import type { Request } from 'express';
import { I18NextRequest } from 'i18next-http-middleware';
import { AppComponent } from './app.component';
import { AppModule } from './app.module';
@NgModule({
imports: [
AppModule,
ServerModule,
],
bootstrap: [AppComponent],
providers: [
{
provide: I18NEXT_INSTANCE,
useFactory: (req: Request & I18NextRequest) => {
return req.i18n;
},
deps: [
REQUEST
]
}
]
})
export class AppServerModule {}
from angular-i18next.
Closed due inactivity
from angular-i18next.
Related Issues (20)
- Is it possible to publish the 15.0 pre-release version to npm? HOT 2
- Interpolation is not working anymore HOT 4
- Property 'initialized' in type 'I18NextEvents' is not assignable to the same property in base type 'ITranslationEvents'. HOT 4
- New typings prevents passing interpolation to `ITranslationService` HOT 1
- Interpolation Format issues with numbers / dates or i18nextCap HOT 2
- Integration to Angular 16 HOT 9
- angular version issue HOT 1
- Check if there is a translation for the specified key HOT 1
- Update to last i18next version HOT 3
- Mock angular-i18next in Jest HOT 2
- Error when building project in docker HOT 3
- Nesting example HOT 1
- Consider providing a `ng add` schematics HOT 1
- Use Angular i18next in libs with nx workspace
- Typing issue when `returnObjects: true` HOT 2
- How to load new translations after init HOT 2
- Initialization Error and Language Switching Failure with Latest Version of Angular-i18next in Angular 18.1.0 HOT 1
- reloadResources is not triggering newly added resources with addResourcesBundle HOT 1
- Support i18next v22 HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-i18next.