Angular

pnpm add @stringpush/angular @stringpush/sdk @angular/core

import { bootstrapApplication } from "@angular/platform-browser";
import { provideTranslation } from "@stringpush/angular";
import { AppComponent } from "./app/app.component";

bootstrapApplication(AppComponent, {
  providers: [
    provideTranslation({
      applicationId: "<uuid>",
      environment: "staging",
      locale: "en",
      apiKey: "trt_…",
      apiBaseUrl: "https://api.platform.stringpush.com",
      origin: window.location.origin,
    }),
  ],
});

Template:

<p>{{ "common.greeting" | translate }}</p>
<p>{{ "common.welcome" | translate: { name: "Ada" } }}</p>

Use TranslationService in components when you need imperative access.