<?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>Forem: catatsumuri</title>
    <description>The latest articles on Forem by catatsumuri (@catatsumuri).</description>
    <link>https://forem.com/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>Forem: catatsumuri</title>
      <link>https://forem.com/catatsumuri</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/catatsumuri"/>
    <language>en</language>
    <item>
      <title>Contributing to Laravel Maestro Starter Kits Without Losing Your Changes</title>
      <dc:creator>catatsumuri</dc:creator>
      <pubDate>Thu, 21 May 2026 22:35:18 +0000</pubDate>
      <link>https://forem.com/catatsumuri/contributing-to-laravel-maestro-starter-kits-without-losing-your-changes-5oi</link>
      <guid>https://forem.com/catatsumuri/contributing-to-laravel-maestro-starter-kits-without-losing-your-changes-5oi</guid>
      <description>&lt;h2&gt;
  
  
  What is Maestro
&lt;/h2&gt;

&lt;p&gt;Maestro is an upstream generator repository for generating and managing Laravel starter kits.&lt;/p&gt;

&lt;p&gt;The following starter kit repositories are downstream repositories generated from Maestro, and directly modifying the starter kit side does not propagate changes upstream.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;code&gt;laravel/react-starter-kit&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;laravel/vue-starter-kit&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;laravel/svelte-starter-kit&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Therefore, when making changes such as the following, you must modify the &lt;code&gt;maestro&lt;/code&gt; side instead.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Shared starter kit bug fixes&lt;/li&gt;
&lt;li&gt;Cross-variant fixes&lt;/li&gt;
&lt;li&gt;Generator-level specification changes&lt;/li&gt;
&lt;li&gt;UI consistency adjustments across stacks&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Maestro Structure
&lt;/h3&gt;

&lt;p&gt;Unlike a normal Laravel application, Maestro has the following structure.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;kits/&lt;/code&gt; — source template&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;build/&lt;/code&gt; — generated application (generated runtime)&lt;/li&gt;
&lt;li&gt;watcher — synchronization layer from &lt;code&gt;build/&lt;/code&gt; → &lt;code&gt;kits/&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Inertia Variant Matrix
&lt;/h3&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;variant&lt;/th&gt;
&lt;th&gt;build command&lt;/th&gt;
&lt;th&gt;starter_kit&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;React Fortify&lt;/td&gt;
&lt;td&gt;&lt;code&gt;php artisan build --kit=react&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;react&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;React WorkOS&lt;/td&gt;
&lt;td&gt;&lt;code&gt;php artisan build --kit=react --workos&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;react-workos&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;React Fortify + Teams&lt;/td&gt;
&lt;td&gt;&lt;code&gt;php artisan build --kit=react --teams&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;react-teams&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;React WorkOS + Teams&lt;/td&gt;
&lt;td&gt;&lt;code&gt;php artisan build --kit=react --workos --teams&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;react-workos-teams&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;The same applies to Vue / Svelte.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;If you misunderstand “which side is the source of truth,” unintended rollbacks and unnecessary diffs are very likely to occur.&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  Basic Principles
&lt;/h2&gt;

&lt;h3&gt;
  
  
  &lt;code&gt;kits/&lt;/code&gt; Is the Source of Truth
&lt;/h3&gt;

&lt;p&gt;Any diff that should be committed must exist in &lt;code&gt;kits/&lt;/code&gt;. &lt;code&gt;build/&lt;/code&gt; is generated output and should be treated as a working directory for verification, temporary edits, and runtime testing.&lt;/p&gt;

&lt;p&gt;You must not commit diffs from the &lt;code&gt;build/&lt;/code&gt; side.&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;code&gt;build/&lt;/code&gt; Is Disposable
&lt;/h3&gt;

&lt;p&gt;Treat &lt;code&gt;build/&lt;/code&gt; as something that can always be regenerated. Since its contents change significantly whenever variants are switched, do not place long-term changes, source patches, or persistent fixes directly in &lt;code&gt;build/&lt;/code&gt;. Permanent changes belong in &lt;code&gt;kits/&lt;/code&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;code&gt;composer kit:run&lt;/code&gt; Is Convenient but Also Dangerous
&lt;/h3&gt;

&lt;p&gt;&lt;code&gt;composer kit:run&lt;/code&gt; is a convenience command that launches setup, the Laravel dev server, the Vite dev server, and the watcher together.&lt;/p&gt;

&lt;p&gt;However, the watcher treats &lt;code&gt;build/&lt;/code&gt; as authoritative and writes changes back into &lt;code&gt;kits/&lt;/code&gt;. As a result, if you start &lt;code&gt;kit:run&lt;/code&gt; using an outdated &lt;code&gt;build/&lt;/code&gt;, changes in &lt;code&gt;kits/&lt;/code&gt; may get rolled back.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;After directly editing &lt;code&gt;kits/&lt;/code&gt;, never run &lt;code&gt;composer kit:run&lt;/code&gt; with an outdated &lt;code&gt;build/&lt;/code&gt;. Always rebuild first.&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  Initial Setup
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;git clone https://github.com/laravel/maestro.git
&lt;span class="nb"&gt;cd &lt;/span&gt;maestro/orchestrator

composer &lt;span class="nb"&gt;install
&lt;/span&gt;npm &lt;span class="nb"&gt;install&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  Building a Starter Kit
&lt;/h2&gt;

&lt;p&gt;At the beginning of work, expand the target variant into &lt;code&gt;build/&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;&lt;span class="nb"&gt;cd &lt;/span&gt;orchestrator

php artisan build &lt;span class="nt"&gt;--kit&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;react
php artisan build &lt;span class="nt"&gt;--kit&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;vue
php artisan build &lt;span class="nt"&gt;--kit&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;svelte

php artisan build &lt;span class="nt"&gt;--kit&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;react &lt;span class="nt"&gt;--workos&lt;/span&gt;
php artisan build &lt;span class="nt"&gt;--kit&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;react &lt;span class="nt"&gt;--teams&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The current build target is stored at:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;orchestrator/storage/app/private/starter_kit
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  Starting the Development Server
&lt;/h2&gt;

&lt;p&gt;Do not start directly from &lt;code&gt;build/&lt;/code&gt;. Instead, run the following from &lt;code&gt;orchestrator/&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;composer kit:run
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This command performs the following together:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;composer setup&lt;/code&gt; in &lt;code&gt;build/&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Starts the Laravel dev server&lt;/li&gt;
&lt;li&gt;Starts the Vite dev server&lt;/li&gt;
&lt;li&gt;Starts the watcher&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Typical endpoints:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Laravel: &lt;code&gt;http://localhost:8000&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Vite: &lt;code&gt;http://localhost:5173&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Safe Workflow
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Pattern 1: Edit on the &lt;code&gt;build&lt;/code&gt; Side (for temporary verification)
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;build → kit:run → edit build → verify behavior
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Convenient for exploratory UI adjustments. However, since &lt;code&gt;build/&lt;/code&gt; is disposable, it is safer to reorganize the final source patch into &lt;code&gt;kits/&lt;/code&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  Pattern 2: Edit on the &lt;code&gt;kits&lt;/code&gt; Side (recommended path for PRs)
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;edit kits → php artisan build ... → composer kit:run → verify
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This is the recommended approach when preparing PR patches.&lt;/p&gt;




&lt;h2&gt;
  
  
  Switching Variants
&lt;/h2&gt;

&lt;p&gt;Do not incrementally update an existing &lt;code&gt;build/&lt;/code&gt;. Rebuild every time.&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 build &lt;span class="nt"&gt;--kit&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;react
php artisan build &lt;span class="nt"&gt;--kit&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;vue
php artisan build &lt;span class="nt"&gt;--kit&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;svelte
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;After switching, rerun &lt;code&gt;composer kit:run&lt;/code&gt; each time for verification.&lt;/p&gt;




&lt;h2&gt;
  
  
  Verification Notes
&lt;/h2&gt;

&lt;h3&gt;
  
  
  DB Initialization
&lt;/h3&gt;

&lt;p&gt;&lt;code&gt;composer setup&lt;/code&gt; only runs up to &lt;code&gt;php artisan migrate --force&lt;/code&gt;. If seeded data is required, run the following inside &lt;code&gt;build/&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 migrate:fresh &lt;span class="nt"&gt;--seed&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Removing Stale Files from the Watcher
&lt;/h3&gt;

&lt;p&gt;When switching variants, the watcher may determine some source assets are stale and delete them.&lt;/p&gt;

&lt;p&gt;Examples:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;code&gt;kits/Inertia/Fortify/React/chisel-paths.php&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;kits/Inertia/Fortify/Vue/chisel-paths.php&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;kits/Inertia/Fortify/Svelte/chisel-paths.php&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Handle these separately from the main change set.&lt;/p&gt;

&lt;h3&gt;
  
  
  Example Routes for Verifying UI Copy Changes
&lt;/h3&gt;

&lt;p&gt;For UI text changes in the Fortify variant, the following routes are usually sufficient to verify the primary flows.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;code&gt;/login&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;/user/confirm-password&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;/verify-email&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;/settings/security&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;/settings/appearance&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;/settings/profile&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Since WorkOS has a higher verification cost, prioritizing Fortify variants is acceptable for minor changes.&lt;/p&gt;




&lt;h2&gt;
  
  
  How to Think About Staging
&lt;/h2&gt;

&lt;p&gt;If the PR’s main purpose is a UI copy change, then only stage the text-related diffs.&lt;/p&gt;

&lt;p&gt;The following should generally be separated:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;chisel-paths.php&lt;/code&gt; deleted by the watcher&lt;/li&gt;
&lt;li&gt;Temporary fixes in &lt;code&gt;build/&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Assertions for browser tests&lt;/li&gt;
&lt;li&gt;Unrelated runtime bug fixes
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# Instead of git add ., explicitly add target files&lt;/span&gt;
git add kits/path/to/changed-file.blade.php
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  Pre-PR Checklist
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;[ ] Are there any staged diffs from &lt;code&gt;build/&lt;/code&gt;?&lt;/li&gt;
&lt;li&gt;[ ] Are stale deletions from the watcher mixed in?&lt;/li&gt;
&lt;li&gt;[ ] Are there unnecessary cross-variant diffs?&lt;/li&gt;
&lt;li&gt;[ ] Are temporary browser test changes still present?&lt;/li&gt;
&lt;li&gt;[ ] Did you check &lt;code&gt;git diff --cached&lt;/code&gt;?&lt;/li&gt;
&lt;li&gt;[ ] Is the source of truth correctly on the &lt;code&gt;kits/&lt;/code&gt; side?&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Summary
&lt;/h2&gt;

&lt;p&gt;If you handle Maestro like a normal Laravel app, diff rollbacks and unnecessary commits become very easy to trigger. To create PRs safely, maintain the following sequence.&lt;/p&gt;

&lt;h2&gt;
  
  
  Safe PR Flow
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Apply changes in &lt;code&gt;kits/&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Rebuild with &lt;code&gt;php artisan build ...&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Verify with &lt;code&gt;composer kit:run&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Stage only intended diffs&lt;/li&gt;
&lt;li&gt;Separate watcher/browser-test side effects&lt;/li&gt;
&lt;/ol&gt;

</description>
      <category>laravel</category>
      <category>opensource</category>
      <category>php</category>
    </item>
    <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://forem.com/catatsumuri/laravel-starter-kit-localization-is-surprisingly-painful-2ipk</link>
      <guid>https://forem.com/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>
