Framework Guides
ShipEasyI18n integrations for every major web framework — from npm packages for React and Next.js to server-side adapters for Rails, Django, and Laravel.
ShipEasyI18n works with any framework at the data-label attribute level — no package required. For deeper integration (SSR hydration safety, hooks, type-safe keys), use the framework-specific packages.
The two integration paths
Path 1: Script tag only (all frameworks)
Add the loader script to <head>, tag your strings with data-label, run i18n push. Done. This works everywhere — static HTML, PHP, Ruby templates, React, Vue, anything.
<head>
<script src="https://cdn.i18n.shipeasy.ai/v1/loader.js" data-key="i18n_pk_..." async></script>
</head>
<button data-label="checkout.submit">Place order</button>Path 2: Framework package (React ecosystem + server frameworks)
Install the framework package for deeper integration: SSR inline data injection (no hydration mismatch), typed t() function, React hooks, automatic chunk splitting.
npm install @i18n/next # Next.js App Router + Pages Router
npm install @i18n/react # React 18+ SPA
npm install @i18n/vue # Vue 3
npm install @i18n/svelte # Svelte / SvelteKitFramework pages
Next.js
App Router RSC + Pages Router. Inline SSR data, ShipEasyI18nProvider, useShipEasyI18n hook.
React
ShipEasyI18nProvider, useShipEasyI18n(), ShipEasyI18nString component. Zero hydration mismatches.
Vue 3
useShipEasyI18n composable, ShipEasyI18nString component, Pinia plugin.
Svelte / SvelteKit
i18n store, ShipEasyI18nString component, SvelteKit load function integration.
Angular
ShipEasyI18nModule, i18nPipe, ShipEasyI18nService, standalone component API.
Remix
loader function integration, ShipEasyI18nProvider, SSR-safe hydration.
Nuxt
useShipEasyI18n composable, ShipEasyI18n Nuxt module, server-side fetch.
Astro
ShipEasyI18n script injection, Astro middleware for SSR profiles.
SolidJS
useShipEasyI18n signal, ShipEasyI18nProvider, createStore integration.
Qwik
useStore ShipEasyI18n integration, Qwik City loader.
Ruby on Rails
Rails helper, view partial, Hotwire / Turbo integration.
Django
Template tag, Jinja2 extension, Django middleware.
Laravel
Blade directive, Laravel Livewire integration.
WordPress
WordPress plugin, Gutenberg block, WooCommerce integration.
Meta FBT
Migrate from Meta's FBT to ShipEasyI18n with the automated codemod.