<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: catatsumuri</title>
    <description>The latest articles on DEV Community by catatsumuri (@catatsumuri).</description>
    <link>https://dev.to/catatsumuri</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3936041%2F49ad2c15-24ac-47f6-80e0-39f936447d88.jpeg</url>
      <title>DEV Community: catatsumuri</title>
      <link>https://dev.to/catatsumuri</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/catatsumuri"/>
    <language>en</language>
    <item>
      <title>Laravel Starter Kit Localization Is Surprisingly Painful</title>
      <dc:creator>catatsumuri</dc:creator>
      <pubDate>Sun, 17 May 2026 10:01:21 +0000</pubDate>
      <link>https://dev.to/catatsumuri/laravel-starter-kit-localization-is-surprisingly-painful-2ipk</link>
      <guid>https://dev.to/catatsumuri/laravel-starter-kit-localization-is-surprisingly-painful-2ipk</guid>
      <description>&lt;h2&gt;
  
  
  About Laravel Starter Kits Since Laravel 12
&lt;/h2&gt;

&lt;p&gt;These are meant to rapidly deploy functionality that is almost essential during the initial launch of an application, including the following:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Layouts

&lt;ul&gt;
&lt;li&gt;A typical sidebar layout&lt;/li&gt;
&lt;li&gt;Or a typical header layout &lt;/li&gt;
&lt;li&gt;Breadcrumbs&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;Authentication

&lt;ul&gt;
&lt;li&gt;Basic session management&lt;/li&gt;
&lt;li&gt;Password reminders&lt;/li&gt;
&lt;li&gt;Self-registration&lt;/li&gt;
&lt;li&gt;TOTP-based 2FA&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;User settings

&lt;ul&gt;
&lt;li&gt;Profile&lt;/li&gt;
&lt;li&gt;Light mode / dark mode switching&lt;/li&gt;
&lt;li&gt;Account deletion&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;Simple dashboard&lt;/li&gt;

&lt;/ul&gt;




&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fu8rrew63rjz1a2kvofru.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fu8rrew63rjz1a2kvofru.png" width="498" height="530"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;Provided authentication screen&lt;/em&gt;&lt;/p&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqcs9xy4yh2neoidoi5n3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqcs9xy4yh2neoidoi5n3.png" width="793" height="815"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;Part of the user settings&lt;/em&gt;&lt;/p&gt;



&lt;p&gt;As you can see, this is extremely convenient for getting a project off the ground. However, especially in Japanese-speaking regions, adoption does not seem to be progressing very well. One reason is probably that the functionality is somewhat difficult to understand, but another major factor is likely the effort required for Japanese localization. Nowadays, with AI programming, identifying and rewriting English interfaces is not especially difficult, but not everyone has access to AI development agents, repeatedly translating everything with AI is exhausting, and if you are making an ambitious attempt to support multilingualization as OSS, then Laravel Starter Kits will inevitably run into localization issues.&lt;/p&gt;
&lt;h3&gt;
  
  
  Laravel Starter Kits Actually Come in About Four Flavors
&lt;/h3&gt;

&lt;p&gt;Even when we say “Laravel Starter Kit,” there are currently about four flavors. First, I want to organize them.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Livewire-based&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Inertia.js-based&lt;/strong&gt;

&lt;ul&gt;
&lt;li&gt;React&lt;/li&gt;
&lt;li&gt;Vue&lt;/li&gt;
&lt;li&gt;Svelte&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;At a broad level, things first split into Livewire and Inertia.js, and under Inertia.js there are three more flavors, each with branches beneath them... This huge number of variations is itself one of the characteristics of this project. Since the localization situation differs between &lt;strong&gt;Livewire and Inertia.js&lt;/strong&gt;, you first need to understand that distinction.&lt;/p&gt;

&lt;p&gt;To give the conclusion up front: if you intend to complete your project with Livewire, multilingualization is not especially difficult, and there is already some infrastructure in place. However, if you try to localize Inertia.js, there is no translation mechanism in the Starter Kit’s default state.&lt;/p&gt;
&lt;h2&gt;
  
  
  Projects for i18n in Laravel
&lt;/h2&gt;
&lt;h3&gt;
  
  
  Laravel’s Built-in Translation Mechanism
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;On the backend side&lt;/strong&gt;, Laravel itself already has localization functionality, which is reinforced through additional resources provided by Laravel Lang.&lt;/p&gt;

&lt;p&gt;Laravel 13 Localization Documentation:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://laravel.com/docs/13.x/localization" rel="noopener noreferrer"&gt;https://laravel.com/docs/13.x/localization&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;
  
  
  About Laravel-Lang
&lt;/h3&gt;

&lt;p&gt;There has actually been a project called &lt;a href="https://laravel-lang.com/" rel="noopener noreferrer"&gt;Laravel-Lang&lt;/a&gt; for quite a while, and it already provides some multilingualization mechanisms.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://laravel-lang.com/basic-usage.html" rel="noopener noreferrer"&gt;https://laravel-lang.com/basic-usage.html&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Following the documentation:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;composer require laravel-lang/common
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This resolves and installs the following dependencies:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;laravel-lang/publisher&lt;/li&gt;
&lt;li&gt;laravel-lang/lang&lt;/li&gt;
&lt;li&gt;laravel-lang/attributes&lt;/li&gt;
&lt;li&gt;laravel-lang/http-statuses&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;laravel-lang/starter-kits&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;At first glance, it seems like this package might somehow magically handle Starter Kit localization, but reality is not so simple. We’ll look at that later. Simply installing the package only expands files under &lt;strong&gt;vendor/&lt;/strong&gt;, so at this stage, nothing is actually usable yet.&lt;/p&gt;

&lt;h2&gt;
  
  
  Deploying Into the Actual Project With the lang:add Command
&lt;/h2&gt;

&lt;p&gt;You execute it like this. Here, we’ll only deploy &lt;code&gt;ja&lt;/code&gt;.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;php artisan lang:add ja
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The actual implementation of this command comes from the previously resolved dependency &lt;code&gt;laravel-lang/publisher&lt;/code&gt;, which performs the following tasks:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Determine the target locale&lt;/li&gt;
&lt;li&gt;Select only enabled plugins from the plugin list&lt;/li&gt;
&lt;li&gt;Read the key list from &lt;code&gt;source/...&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Read values from &lt;code&gt;locales/{locale}/...&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Write them into &lt;code&gt;lang/{locale}.json&lt;/code&gt; or &lt;code&gt;lang/{locale}/*.php&lt;/code&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;In any case, once this command is executed, things should expand like this:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="go"&gt;   INFO  Collecting translations...

  LaravelLang\Actions\Plugin ............................................................................. 2.37ms DONE
  LaravelLang\Attributes\Plugin .......................................................................... 0.83ms DONE
  LaravelLang\HttpStatuses\Plugin ........................................................................ 1.28ms DONE
  LaravelLang\Lang\Plugin ................................................................................ 5.90ms DONE
  LaravelLang\StarterKits\Plugin ......................................................................... 1.37ms DONE

   INFO  Storing changes...

  ja.json ................................................................................................ 5.04ms DONE
  ja/actions.php ......................................................................................... 4.65ms DONE
  ja/auth.php ............................................................................................ 0.45ms DONE
  ja/http-statuses.php ................................................................................... 2.02ms DONE
  ja/pagination.php ...................................................................................... 0.55ms DONE
  ja/passwords.php ....................................................................................... 0.52ms DONE
  ja/validation.php
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Locale Configuration
&lt;/h3&gt;

&lt;p&gt;As described in the &lt;a href="https://laravel.com/docs/13.x/localization#configuring-the-locale" rel="noopener noreferrer"&gt;official documentation&lt;/a&gt;, this is determined by the &lt;code&gt;APP_LOCALE&lt;/code&gt; environment variable, and falls back to &lt;code&gt;APP_FALLBACK_LOCALE&lt;/code&gt; if unavailable. Therefore, for Japanese localization, the configuration would typically look like this:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;#APP_LOCALE=en
APP_LOCALE=ja
APP_FALLBACK_LOCALE=en
APP_FAKER_LOCALE=en_US
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This localizes the backend.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj743kho3p9e27f5iisxh.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj743kho3p9e27f5iisxh.png" width="672" height="473"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;For example, after installing the package and configuring the locale, even 404 pages are immediately translated into Japanese. But this is backend functionality.&lt;/em&gt;&lt;/p&gt;
&lt;h2&gt;
  
  
  Frontend Support
&lt;/h2&gt;

&lt;p&gt;This is where the problem begins.&lt;/p&gt;

&lt;p&gt;As mentioned earlier, the situation differs between Livewire and Inertia.js. To say it first: &lt;strong&gt;the only thing functioning relatively properly at the moment is Livewire&lt;/strong&gt;. So let’s start with the Livewire side.&lt;/p&gt;
&lt;h3&gt;
  
  
  Roughly How Laravel-Lang Builds Translation Files
&lt;/h3&gt;

&lt;p&gt;There are actually two major types of translation files: &lt;strong&gt;&lt;code&gt;.json&lt;/code&gt;&lt;/strong&gt; and &lt;strong&gt;&lt;code&gt;.php&lt;/code&gt;&lt;/strong&gt; types. Since the frontend mainly uses &lt;code&gt;.json&lt;/code&gt; files, I’ll focus on those here.&lt;/p&gt;

&lt;p&gt;At this point, the dependency resolution from &lt;code&gt;laravel-lang/common&lt;/code&gt; should have expanded the following four files:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;vendor/laravel-lang/starter-kits/locales/ja/json.json
vendor/laravel-lang/lang/locales/ja/json.json
vendor/laravel-lang/http-statuses/locales/ja/json.json
vendor/laravel-lang/actions/locales/ja/json.json
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;These are merged together to ultimately form the file &lt;strong&gt;lang/ja.json&lt;/strong&gt;. However, not everything is blindly copied over; there is actually a filtering stage called &lt;code&gt;source&lt;/code&gt; defined beforehand. For example, let’s look at the Livewire one.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/Laravel-Lang/starter-kits/blob/main/source/livewire/main/livewire.json" rel="noopener noreferrer"&gt;https://github.com/Laravel-Lang/starter-kits/blob/main/source/livewire/main/livewire.json&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Only the keys listed here are picked up and internally expanded, so this mechanism seems intended to filter out unnecessary keys.&lt;/p&gt;

&lt;p&gt;Meanwhile, the current React situation looks like this:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/Laravel-Lang/starter-kits/blob/main/source/react/main/react.json" rel="noopener noreferrer"&gt;https://github.com/Laravel-Lang/starter-kits/blob/main/source/react/main/react.json&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;…Yeah.&lt;/p&gt;

&lt;p&gt;So let’s look at how the Livewire Starter Kit is actually translated by examining the login screen.&lt;/p&gt;

&lt;h2&gt;
  
  
  Translating the Livewire Starter Kit Login Screen
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://github.com/laravel/livewire-starter-kit/blob/main/resources/views/pages/auth/login.blade.php" rel="noopener noreferrer"&gt;https://github.com/laravel/livewire-starter-kit/blob/main/resources/views/pages/auth/login.blade.php&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In this case, translation hooks are already embedded throughout the UI from the beginning. For example:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="c"&gt;&amp;lt;!-- Remember Me --&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;flux:checkbox&lt;/span&gt; &lt;span class="na"&gt;name=&lt;/span&gt;&lt;span class="s"&gt;"remember"&lt;/span&gt; &lt;span class="na"&gt;:label=&lt;/span&gt;&lt;span class="s"&gt;"__('Remember me')"&lt;/span&gt; &lt;span class="na"&gt;:checked=&lt;/span&gt;&lt;span class="s"&gt;"old('remember')"&lt;/span&gt; &lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;

&lt;span class="nt"&gt;&amp;lt;div&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"flex items-center justify-end"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;flux:button&lt;/span&gt; &lt;span class="na"&gt;variant=&lt;/span&gt;&lt;span class="s"&gt;"primary"&lt;/span&gt; &lt;span class="na"&gt;type=&lt;/span&gt;&lt;span class="s"&gt;"submit"&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"w-full"&lt;/span&gt; &lt;span class="na"&gt;data-test=&lt;/span&gt;&lt;span class="s"&gt;"login-button"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
    {{ __('Log in') }}
  &lt;span class="nt"&gt;&amp;lt;/flux:button&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;As shown, it passes things through PHP’s translation system using &lt;code&gt;__()&lt;/code&gt;. Since Livewire is tightly integrated with the backend (essentially operating in a pure Blade-like manner), this approach is possible.&lt;/p&gt;

&lt;h3&gt;
  
  
  The Quality of Livewire’s Japanese Resources
&lt;/h3&gt;

&lt;p&gt;So does installing the language pack solve everything? Unfortunately, no. At present, the &lt;strong&gt;translation quality is extremely poor&lt;/strong&gt;, or rather, most of it is untranslated.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/Laravel-Lang/starter-kits/blob/main/locales/ja/json.json" rel="noopener noreferrer"&gt;https://github.com/Laravel-Lang/starter-kits/blob/main/locales/ja/json.json&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Since translation files are generated based on this, there’s honestly no way around fixing it. I’ve been sending PRs and discussing things, so maybe it’ll improve somewhat, but who knows...&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/Laravel-Lang/starter-kits/pull/1902" rel="noopener noreferrer"&gt;https://github.com/Laravel-Lang/starter-kits/pull/1902&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;a href="https://livewire-starter-kit-ja.catatsumuri.org/login" rel="noopener noreferrer"&gt;https://livewire-starter-kit-ja.catatsumuri.org/login&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You can view the current proposal using &lt;code&gt;test@example.com&lt;/code&gt; / &lt;code&gt;password&lt;/code&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3&gt;
  
  
  As for Inertia.js UIs Like React
&lt;/h3&gt;

&lt;p&gt;Let’s look at the login screen again. Since we compared the &lt;code&gt;Remember me&lt;/code&gt; section earlier, here’s just the corresponding part.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/laravel/react-starter-kit/blob/main/resources/js/pages/auth/login.tsx#L76-L94" rel="noopener noreferrer"&gt;https://github.com/laravel/react-starter-kit/blob/main/resources/js/pages/auth/login.tsx#L76-L94&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The strings are written directly into the source code, meaning that whether it’s Japanese or any other language, &lt;strong&gt;nothing gets translated as-is&lt;/strong&gt; (naturally).&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;That is the current state of localization (i18n) in Laravel Starter Kits. Outside of Livewire, things are honestly pretty rough. For English-speaking users, this tends not to become a major issue, but outside that environment... the problems become extremely apparent. I suspect everyone is just aggressively rewriting UIs using AI or similar tools, but I really wish things were handled a little better. For now, I’ve at least tried contributing Japanese resources through PRs, but in the end, what’s actually going to happen here?&lt;/p&gt;

</description>
      <category>laravel</category>
      <category>inertiajs</category>
      <category>php</category>
    </item>
  </channel>
</rss>
