diff --git a/src/Console/InstallCommand.php b/src/Console/InstallCommand.php
index 1e2295674..4fb1c98cb 100644
--- a/src/Console/InstallCommand.php
+++ b/src/Console/InstallCommand.php
@@ -14,8 +14,7 @@ class InstallCommand extends Command
      *
      * @var string
      */
-    protected $signature = 'breeze:install
-                            {--inertia : Indicates that the Inertia stack should be installed}
+    protected $signature = 'breeze:install {stack=blade : The development stack that should be installed}
                             {--composer=global : Absolute path to the Composer binary which should be used to install packages}';
 
     /**
@@ -32,8 +31,12 @@ class InstallCommand extends Command
      */
     public function handle()
     {
-        if ($this->option('inertia')) {
-            return $this->installInertiaStack();
+        if ($this->argument('stack') === 'vue') {
+            return $this->installInertiaVueStack();
+        }
+
+        if ($this->argument('stack') === 'react') {
+            return $this->installInertiaReactStack();
         }
 
         // NPM Packages...
@@ -94,11 +97,11 @@ public function handle()
     }
 
     /**
-     * Install the Inertia Breeze stack.
+     * Install the Inertia Vue Breeze stack.
      *
      * @return void
      */
-    protected function installInertiaStack()
+    protected function installInertiaVueStack()
     {
         // Install Inertia...
         $this->requireComposerPackages('inertiajs/inertia-laravel:^0.4.1', 'laravel/sanctum:^2.6', 'tightenco/ziggy:^1.0');
@@ -112,9 +115,9 @@ protected function installInertiaStack()
                 '@tailwindcss/forms' => '^0.2.1',
                 '@vue/compiler-sfc' => '^3.0.5',
                 'autoprefixer' => '^10.2.4',
-                'postcss' => '^8.2.1',
-                'postcss-import' => '^12.0.1',
-                'tailwindcss' => '^2.0.3',
+                'postcss' => '^8.2.13',
+                'postcss-import' => '^14.0.1',
+                'tailwindcss' => '^2.1.2',
                 'vue' => '^3.0.5',
                 'vue-loader' => '^16.1.2',
             ] + $packages;
@@ -122,7 +125,7 @@ protected function installInertiaStack()
 
         // Controllers...
         (new Filesystem)->ensureDirectoryExists(app_path('Http/Controllers/Auth'));
-        (new Filesystem)->copyDirectory(__DIR__.'/../../stubs/inertia/app/Http/Controllers/Auth', app_path('Http/Controllers/Auth'));
+        (new Filesystem)->copyDirectory(__DIR__.'/../../stubs/inertia-common/app/Http/Controllers/Auth', app_path('Http/Controllers/Auth'));
 
         // Requests...
         (new Filesystem)->ensureDirectoryExists(app_path('Http/Requests/Auth'));
@@ -131,26 +134,26 @@ protected function installInertiaStack()
         // Middleware...
         $this->installMiddlewareAfter('SubstituteBindings::class', '\App\Http\Middleware\HandleInertiaRequests::class');
 
-        copy(__DIR__.'/../../stubs/inertia/app/Http/Middleware/HandleInertiaRequests.php', app_path('Http/Middleware/HandleInertiaRequests.php'));
+        copy(__DIR__.'/../../stubs/inertia-common/app/Http/Middleware/HandleInertiaRequests.php', app_path('Http/Middleware/HandleInertiaRequests.php'));
 
         // Views...
-        copy(__DIR__.'/../../stubs/inertia/resources/views/app.blade.php', resource_path('views/app.blade.php'));
+        copy(__DIR__.'/../../stubs/inertia-common/resources/views/app.blade.php', resource_path('views/app.blade.php'));
 
         // Components + Pages...
         (new Filesystem)->ensureDirectoryExists(resource_path('js/Components'));
         (new Filesystem)->ensureDirectoryExists(resource_path('js/Layouts'));
         (new Filesystem)->ensureDirectoryExists(resource_path('js/Pages'));
 
-        (new Filesystem)->copyDirectory(__DIR__.'/../../stubs/inertia/resources/js/Components', resource_path('js/Components'));
-        (new Filesystem)->copyDirectory(__DIR__.'/../../stubs/inertia/resources/js/Layouts', resource_path('js/Layouts'));
-        (new Filesystem)->copyDirectory(__DIR__.'/../../stubs/inertia/resources/js/Pages', resource_path('js/Pages'));
+        (new Filesystem)->copyDirectory(__DIR__.'/../../stubs/inertia-vue/resources/js/Components', resource_path('js/Components'));
+        (new Filesystem)->copyDirectory(__DIR__.'/../../stubs/inertia-vue/resources/js/Layouts', resource_path('js/Layouts'));
+        (new Filesystem)->copyDirectory(__DIR__.'/../../stubs/inertia-vue/resources/js/Pages', resource_path('js/Pages'));
 
         // Tests...
         (new Filesystem)->copyDirectory(__DIR__.'/../../stubs/default/tests/Feature', base_path('tests/Feature'));
 
         // Routes...
-        copy(__DIR__.'/../../stubs/inertia/routes/web.php', base_path('routes/web.php'));
-        copy(__DIR__.'/../../stubs/inertia/routes/auth.php', base_path('routes/auth.php'));
+        copy(__DIR__.'/../../stubs/inertia-common/routes/web.php', base_path('routes/web.php'));
+        copy(__DIR__.'/../../stubs/inertia-common/routes/auth.php', base_path('routes/auth.php'));
 
         // "Dashboard" Route...
         $this->replaceInFile('/home', '/dashboard', resource_path('js/Pages/Welcome.vue'));
@@ -158,12 +161,91 @@ protected function installInertiaStack()
         $this->replaceInFile('/home', '/dashboard', app_path('Providers/RouteServiceProvider.php'));
 
         // Tailwind / Webpack...
-        copy(__DIR__.'/../../stubs/inertia/tailwind.config.js', base_path('tailwind.config.js'));
-        copy(__DIR__.'/../../stubs/inertia/webpack.mix.js', base_path('webpack.mix.js'));
-        copy(__DIR__.'/../../stubs/inertia/webpack.config.js', base_path('webpack.config.js'));
-        copy(__DIR__.'/../../stubs/inertia/jsconfig.json', base_path('jsconfig.json'));
-        copy(__DIR__.'/../../stubs/inertia/resources/css/app.css', resource_path('css/app.css'));
-        copy(__DIR__.'/../../stubs/inertia/resources/js/app.js', resource_path('js/app.js'));
+        copy(__DIR__.'/../../stubs/inertia-common/tailwind.config.js', base_path('tailwind.config.js'));
+        copy(__DIR__.'/../../stubs/inertia-common/webpack.mix.js', base_path('webpack.mix.js'));
+        copy(__DIR__.'/../../stubs/inertia-common/webpack.config.js', base_path('webpack.config.js'));
+        copy(__DIR__.'/../../stubs/inertia-common/jsconfig.json', base_path('jsconfig.json'));
+        copy(__DIR__.'/../../stubs/inertia-common/resources/css/app.css', resource_path('css/app.css'));
+        copy(__DIR__.'/../../stubs/inertia-vue/resources/js/app.js', resource_path('js/app.js'));
+
+        $this->info('Breeze scaffolding installed successfully.');
+        $this->comment('Please execute the "npm install && npm run dev" command to build your assets.');
+    }
+
+    /**
+     * Install the Inertia React Breeze stack.
+     *
+     * @return void
+     */
+    protected function installInertiaReactStack()
+    {
+        // Install Inertia...
+        $this->requireComposerPackages('inertiajs/inertia-laravel:^0.3.5', 'laravel/sanctum:^2.6', 'tightenco/ziggy:^1.0');
+
+        // NPM Packages...
+        $this->updateNodePackages(function ($packages) {
+            return [
+                '@headlessui/react' => '^1.2.0',
+                '@inertiajs/inertia' => '^0.8.4',
+                '@inertiajs/inertia-react' => '^0.5.12',
+                '@inertiajs/progress' => '^0.2.4',
+                '@tailwindcss/forms' => '^0.3.2',
+                'autoprefixer' => '^10.2.4',
+                'postcss' => '^8.2.13',
+                'postcss-import' => '^14.0.1',
+                'tailwindcss' => '^2.1.2',
+                'react' => '^17.0.2',
+                'react-dom' => '^17.0.2',
+                '@babel/preset-react' => '^7.13.13',
+            ] + $packages;
+        });
+
+        // Controllers...
+        (new Filesystem)->ensureDirectoryExists(app_path('Http/Controllers/Auth'));
+        (new Filesystem)->copyDirectory(__DIR__.'/../../stubs/inertia-common/app/Http/Controllers/Auth', app_path('Http/Controllers/Auth'));
+
+        // Requests...
+        (new Filesystem)->ensureDirectoryExists(app_path('Http/Requests/Auth'));
+        (new Filesystem)->copyDirectory(__DIR__.'/../../stubs/default/App/Http/Requests/Auth', app_path('Http/Requests/Auth'));
+
+        // Middleware...
+        $this->installMiddlewareAfter('SubstituteBindings::class', '\App\Http\Middleware\HandleInertiaRequests::class');
+
+        copy(__DIR__.'/../../stubs/inertia-common/app/Http/Middleware/HandleInertiaRequests.php', app_path('Http/Middleware/HandleInertiaRequests.php'));
+
+        // Views...
+        copy(__DIR__.'/../../stubs/inertia-common/resources/views/app.blade.php', resource_path('views/app.blade.php'));
+
+        // Components + Pages...
+        (new Filesystem)->ensureDirectoryExists(resource_path('js/Components'));
+        (new Filesystem)->ensureDirectoryExists(resource_path('js/Layouts'));
+        (new Filesystem)->ensureDirectoryExists(resource_path('js/Pages'));
+
+        (new Filesystem)->copyDirectory(__DIR__.'/../../stubs/inertia-react/resources/js/Components', resource_path('js/Components'));
+        (new Filesystem)->copyDirectory(__DIR__.'/../../stubs/inertia-react/resources/js/Layouts', resource_path('js/Layouts'));
+        (new Filesystem)->copyDirectory(__DIR__.'/../../stubs/inertia-react/resources/js/Pages', resource_path('js/Pages'));
+
+        // Tests...
+        (new Filesystem)->copyDirectory(__DIR__.'/../../stubs/default/tests/Feature', base_path('tests/Feature'));
+
+        // Routes...
+        copy(__DIR__.'/../../stubs/inertia-common/routes/web.php', base_path('routes/web.php'));
+        copy(__DIR__.'/../../stubs/inertia-common/routes/auth.php', base_path('routes/auth.php'));
+
+        // "Dashboard" Route...
+        $this->replaceInFile('/home', '/dashboard', resource_path('js/Pages/Welcome.js'));
+        $this->replaceInFile('Home', 'Dashboard', resource_path('js/Pages/Welcome.js'));
+        $this->replaceInFile('/home', '/dashboard', app_path('Providers/RouteServiceProvider.php'));
+
+        // Tailwind / Webpack...
+        copy(__DIR__.'/../../stubs/inertia-common/tailwind.config.js', base_path('tailwind.config.js'));
+        copy(__DIR__.'/../../stubs/inertia-common/webpack.mix.js', base_path('webpack.mix.js'));
+        copy(__DIR__.'/../../stubs/inertia-common/webpack.config.js', base_path('webpack.config.js'));
+        copy(__DIR__.'/../../stubs/inertia-common/jsconfig.json', base_path('jsconfig.json'));
+        copy(__DIR__.'/../../stubs/inertia-common/resources/css/app.css', resource_path('css/app.css'));
+        copy(__DIR__.'/../../stubs/inertia-react/resources/js/app.js', resource_path('js/app.js'));
+
+        $this->replaceInFile('.vue()', '.react()', base_path('webpack.mix.js'));
 
         $this->info('Breeze scaffolding installed successfully.');
         $this->comment('Please execute the "npm install && npm run dev" command to build your assets.');
diff --git a/stubs/default/resources/views/auth/verify-email.blade.php b/stubs/default/resources/views/auth/verify-email.blade.php
index fed7184ee..dc0ae7f40 100644
--- a/stubs/default/resources/views/auth/verify-email.blade.php
+++ b/stubs/default/resources/views/auth/verify-email.blade.php
@@ -31,7 +31,7 @@
                 @csrf
 
                 <button type="submit" class="underline text-sm text-gray-600 hover:text-gray-900">
-                    {{ __('Log out') }}
+                    {{ __('Log Out') }}
                 </button>
             </form>
         </div>
diff --git a/stubs/default/resources/views/layouts/navigation.blade.php b/stubs/default/resources/views/layouts/navigation.blade.php
index 32240e06b..c083d6036 100644
--- a/stubs/default/resources/views/layouts/navigation.blade.php
+++ b/stubs/default/resources/views/layouts/navigation.blade.php
@@ -41,7 +41,7 @@
                             <x-dropdown-link :href="route('logout')"
                                     onclick="event.preventDefault();
                                                 this.closest('form').submit();">
-                                {{ __('Log out') }}
+                                {{ __('Log Out') }}
                             </x-dropdown-link>
                         </form>
                     </x-slot>
@@ -91,7 +91,7 @@
                     <x-responsive-nav-link :href="route('logout')"
                             onclick="event.preventDefault();
                                         this.closest('form').submit();">
-                        {{ __('Log out') }}
+                        {{ __('Log Out') }}
                     </x-responsive-nav-link>
                 </form>
             </div>
diff --git a/stubs/inertia/app/Http/Controllers/Auth/AuthenticatedSessionController.php b/stubs/inertia-common/app/Http/Controllers/Auth/AuthenticatedSessionController.php
similarity index 100%
rename from stubs/inertia/app/Http/Controllers/Auth/AuthenticatedSessionController.php
rename to stubs/inertia-common/app/Http/Controllers/Auth/AuthenticatedSessionController.php
diff --git a/stubs/inertia/app/Http/Controllers/Auth/ConfirmablePasswordController.php b/stubs/inertia-common/app/Http/Controllers/Auth/ConfirmablePasswordController.php
similarity index 100%
rename from stubs/inertia/app/Http/Controllers/Auth/ConfirmablePasswordController.php
rename to stubs/inertia-common/app/Http/Controllers/Auth/ConfirmablePasswordController.php
diff --git a/stubs/inertia/app/Http/Controllers/Auth/EmailVerificationNotificationController.php b/stubs/inertia-common/app/Http/Controllers/Auth/EmailVerificationNotificationController.php
similarity index 100%
rename from stubs/inertia/app/Http/Controllers/Auth/EmailVerificationNotificationController.php
rename to stubs/inertia-common/app/Http/Controllers/Auth/EmailVerificationNotificationController.php
diff --git a/stubs/inertia/app/Http/Controllers/Auth/EmailVerificationPromptController.php b/stubs/inertia-common/app/Http/Controllers/Auth/EmailVerificationPromptController.php
similarity index 100%
rename from stubs/inertia/app/Http/Controllers/Auth/EmailVerificationPromptController.php
rename to stubs/inertia-common/app/Http/Controllers/Auth/EmailVerificationPromptController.php
diff --git a/stubs/inertia/app/Http/Controllers/Auth/NewPasswordController.php b/stubs/inertia-common/app/Http/Controllers/Auth/NewPasswordController.php
similarity index 100%
rename from stubs/inertia/app/Http/Controllers/Auth/NewPasswordController.php
rename to stubs/inertia-common/app/Http/Controllers/Auth/NewPasswordController.php
diff --git a/stubs/inertia/app/Http/Controllers/Auth/PasswordResetLinkController.php b/stubs/inertia-common/app/Http/Controllers/Auth/PasswordResetLinkController.php
similarity index 100%
rename from stubs/inertia/app/Http/Controllers/Auth/PasswordResetLinkController.php
rename to stubs/inertia-common/app/Http/Controllers/Auth/PasswordResetLinkController.php
diff --git a/stubs/inertia/app/Http/Controllers/Auth/RegisteredUserController.php b/stubs/inertia-common/app/Http/Controllers/Auth/RegisteredUserController.php
similarity index 100%
rename from stubs/inertia/app/Http/Controllers/Auth/RegisteredUserController.php
rename to stubs/inertia-common/app/Http/Controllers/Auth/RegisteredUserController.php
diff --git a/stubs/inertia/app/Http/Controllers/Auth/VerifyEmailController.php b/stubs/inertia-common/app/Http/Controllers/Auth/VerifyEmailController.php
similarity index 100%
rename from stubs/inertia/app/Http/Controllers/Auth/VerifyEmailController.php
rename to stubs/inertia-common/app/Http/Controllers/Auth/VerifyEmailController.php
diff --git a/stubs/inertia/app/Http/Middleware/HandleInertiaRequests.php b/stubs/inertia-common/app/Http/Middleware/HandleInertiaRequests.php
similarity index 100%
rename from stubs/inertia/app/Http/Middleware/HandleInertiaRequests.php
rename to stubs/inertia-common/app/Http/Middleware/HandleInertiaRequests.php
diff --git a/stubs/inertia/jsconfig.json b/stubs/inertia-common/jsconfig.json
similarity index 100%
rename from stubs/inertia/jsconfig.json
rename to stubs/inertia-common/jsconfig.json
diff --git a/stubs/inertia/resources/css/app.css b/stubs/inertia-common/resources/css/app.css
similarity index 100%
rename from stubs/inertia/resources/css/app.css
rename to stubs/inertia-common/resources/css/app.css
diff --git a/stubs/inertia/resources/views/app.blade.php b/stubs/inertia-common/resources/views/app.blade.php
similarity index 100%
rename from stubs/inertia/resources/views/app.blade.php
rename to stubs/inertia-common/resources/views/app.blade.php
diff --git a/stubs/inertia/routes/auth.php b/stubs/inertia-common/routes/auth.php
similarity index 100%
rename from stubs/inertia/routes/auth.php
rename to stubs/inertia-common/routes/auth.php
diff --git a/stubs/inertia/routes/web.php b/stubs/inertia-common/routes/web.php
similarity index 100%
rename from stubs/inertia/routes/web.php
rename to stubs/inertia-common/routes/web.php
diff --git a/stubs/inertia/tailwind.config.js b/stubs/inertia-common/tailwind.config.js
similarity index 100%
rename from stubs/inertia/tailwind.config.js
rename to stubs/inertia-common/tailwind.config.js
diff --git a/stubs/inertia/webpack.config.js b/stubs/inertia-common/webpack.config.js
similarity index 100%
rename from stubs/inertia/webpack.config.js
rename to stubs/inertia-common/webpack.config.js
diff --git a/stubs/inertia/webpack.mix.js b/stubs/inertia-common/webpack.mix.js
similarity index 100%
rename from stubs/inertia/webpack.mix.js
rename to stubs/inertia-common/webpack.mix.js
diff --git a/stubs/inertia-react/resources/js/Components/ApplicationLogo.js b/stubs/inertia-react/resources/js/Components/ApplicationLogo.js
new file mode 100644
index 000000000..57bc22233
--- /dev/null
+++ b/stubs/inertia-react/resources/js/Components/ApplicationLogo.js
@@ -0,0 +1,9 @@
+import React from 'react';
+
+export default function ApplicationLogo({ className }) {
+    return (
+        <svg className={className} viewBox="0 0 316 316" xmlns="http://www.w3.org/2000/svg">
+            <path d="M305.8 81.125C305.77 80.995 305.69 80.885 305.65 80.755C305.56 80.525 305.49 80.285 305.37 80.075C305.29 79.935 305.17 79.815 305.07 79.685C304.94 79.515 304.83 79.325 304.68 79.175C304.55 79.045 304.39 78.955 304.25 78.845C304.09 78.715 303.95 78.575 303.77 78.475L251.32 48.275C249.97 47.495 248.31 47.495 246.96 48.275L194.51 78.475C194.33 78.575 194.19 78.725 194.03 78.845C193.89 78.955 193.73 79.045 193.6 79.175C193.45 79.325 193.34 79.515 193.21 79.685C193.11 79.815 192.99 79.935 192.91 80.075C192.79 80.285 192.71 80.525 192.63 80.755C192.58 80.875 192.51 80.995 192.48 81.125C192.38 81.495 192.33 81.875 192.33 82.265V139.625L148.62 164.795V52.575C148.62 52.185 148.57 51.805 148.47 51.435C148.44 51.305 148.36 51.195 148.32 51.065C148.23 50.835 148.16 50.595 148.04 50.385C147.96 50.245 147.84 50.125 147.74 49.995C147.61 49.825 147.5 49.635 147.35 49.485C147.22 49.355 147.06 49.265 146.92 49.155C146.76 49.025 146.62 48.885 146.44 48.785L93.99 18.585C92.64 17.805 90.98 17.805 89.63 18.585L37.18 48.785C37 48.885 36.86 49.035 36.7 49.155C36.56 49.265 36.4 49.355 36.27 49.485C36.12 49.635 36.01 49.825 35.88 49.995C35.78 50.125 35.66 50.245 35.58 50.385C35.46 50.595 35.38 50.835 35.3 51.065C35.25 51.185 35.18 51.305 35.15 51.435C35.05 51.805 35 52.185 35 52.575V232.235C35 233.795 35.84 235.245 37.19 236.025L142.1 296.425C142.33 296.555 142.58 296.635 142.82 296.725C142.93 296.765 143.04 296.835 143.16 296.865C143.53 296.965 143.9 297.015 144.28 297.015C144.66 297.015 145.03 296.965 145.4 296.865C145.5 296.835 145.59 296.775 145.69 296.745C145.95 296.655 146.21 296.565 146.45 296.435L251.36 236.035C252.72 235.255 253.55 233.815 253.55 232.245V174.885L303.81 145.945C305.17 145.165 306 143.725 306 142.155V82.265C305.95 81.875 305.89 81.495 305.8 81.125ZM144.2 227.205L100.57 202.515L146.39 176.135L196.66 147.195L240.33 172.335L208.29 190.625L144.2 227.205ZM244.75 114.995V164.795L226.39 154.225L201.03 139.625V89.825L219.39 100.395L244.75 114.995ZM249.12 57.105L292.81 82.265L249.12 107.425L205.43 82.265L249.12 57.105ZM114.49 184.425L96.13 194.995V85.305L121.49 70.705L139.85 60.135V169.815L114.49 184.425ZM91.76 27.425L135.45 52.585L91.76 77.745L48.07 52.585L91.76 27.425ZM43.67 60.135L62.03 70.705L87.39 85.305V202.545V202.555V202.565C87.39 202.735 87.44 202.895 87.46 203.055C87.49 203.265 87.49 203.485 87.55 203.695V203.705C87.6 203.875 87.69 204.035 87.76 204.195C87.84 204.375 87.89 204.575 87.99 204.745C87.99 204.745 87.99 204.755 88 204.755C88.09 204.905 88.22 205.035 88.33 205.175C88.45 205.335 88.55 205.495 88.69 205.635L88.7 205.645C88.82 205.765 88.98 205.855 89.12 205.965C89.28 206.085 89.42 206.225 89.59 206.325C89.6 206.325 89.6 206.325 89.61 206.335C89.62 206.335 89.62 206.345 89.63 206.345L139.87 234.775V285.065L43.67 229.705V60.135ZM244.75 229.705L148.58 285.075V234.775L219.8 194.115L244.75 179.875V229.705ZM297.2 139.625L253.49 164.795V114.995L278.85 100.395L297.21 89.825V139.625H297.2Z" />
+        </svg>
+    );
+}
diff --git a/stubs/inertia-react/resources/js/Components/Button.js b/stubs/inertia-react/resources/js/Components/Button.js
new file mode 100644
index 000000000..7675e994c
--- /dev/null
+++ b/stubs/inertia-react/resources/js/Components/Button.js
@@ -0,0 +1,17 @@
+import React from 'react';
+
+export default function Button({ type = 'submit', className = '', processing, children }) {
+    return (
+        <button
+            type={type}
+            className={
+                `inline-flex items-center px-4 py-2 bg-gray-900 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest active:bg-gray-900 transition ease-in-out duration-150 ${
+                    processing && 'opacity-25'
+                } ` + className
+            }
+            disabled={processing}
+        >
+            {children}
+        </button>
+    );
+}
diff --git a/stubs/inertia-react/resources/js/Components/Checkbox.js b/stubs/inertia-react/resources/js/Components/Checkbox.js
new file mode 100644
index 000000000..2f6a52876
--- /dev/null
+++ b/stubs/inertia-react/resources/js/Components/Checkbox.js
@@ -0,0 +1,13 @@
+import React from 'react';
+
+export default function Checkbox({ name, value, handleChange }) {
+    return (
+        <input
+            type="checkbox"
+            name={name}
+            value={value}
+            className="rounded border-gray-300 text-indigo-600 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
+            onChange={(e) => handleChange(e)}
+        />
+    );
+}
diff --git a/stubs/inertia-react/resources/js/Components/Dropdown.js b/stubs/inertia-react/resources/js/Components/Dropdown.js
new file mode 100644
index 000000000..e1c24c184
--- /dev/null
+++ b/stubs/inertia-react/resources/js/Components/Dropdown.js
@@ -0,0 +1,93 @@
+import React, { useState, useContext } from 'react';
+import { InertiaLink } from '@inertiajs/inertia-react';
+import { Transition } from '@headlessui/react';
+
+const DropDownContext = React.createContext();
+
+const Dropdown = ({ children }) => {
+    const [open, setOpen] = useState(false);
+
+    const toggleOpen = () => {
+        setOpen((previousState) => !previousState);
+    };
+
+    return (
+        <DropDownContext.Provider value={{ open, setOpen, toggleOpen }}>
+            <div className="relative">{children}</div>
+        </DropDownContext.Provider>
+    );
+};
+
+const Trigger = ({ children }) => {
+    const { open, setOpen, toggleOpen } = useContext(DropDownContext);
+
+    return (
+        <>
+            <div onClick={toggleOpen}>{children}</div>
+
+            {open && <div className="fixed inset-0 z-40" onClick={() => setOpen(false)}></div>}
+        </>
+    );
+};
+
+const Content = ({ align = 'right', width = '48', contentClasses = 'py-1 bg-white', children }) => {
+    const { open, setOpen } = useContext(DropDownContext);
+
+    let alignmentClasses = 'origin-top';
+
+    if (align === 'left') {
+        alignmentClasses = 'origin-top-left left-0';
+    } else if (align === 'right') {
+        alignmentClasses = 'origin-top-right right-0';
+    }
+
+    let widthClasses = '';
+
+    if (width === '48') {
+        widthClasses = 'w-48';
+    }
+
+    return (
+        <>
+            <Transition
+                show={open}
+                enter="transition ease-out duration-200"
+                enterFrom="transform opacity-0 scale-95"
+                enterTo="transform opacity-100 scale-100"
+                leave="transition ease-in duration-75"
+                leaveFrom="transform opacity-100 scale-100"
+                leaveTo="transform opacity-0 scale-95"
+            >
+                {open && (
+                    <div
+                        className={`absolute z-50 mt-2 rounded-md shadow-lg ${alignmentClasses} ${widthClasses}`}
+                        onClick={() => setOpen(false)}
+                    >
+                        <div className={`rounded-md ring-1 ring-black ring-opacity-5 ` + contentClasses}>
+                            {children}
+                        </div>
+                    </div>
+                )}
+            </Transition>
+        </>
+    );
+};
+
+const Link = ({ href, method = 'post', as = 'a', children }) => {
+    return (
+        <InertiaLink
+            href={href}
+            method={method}
+            as={as}
+            className="block w-full px-4 py-2 text-left text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out"
+        >
+            {children}
+        </InertiaLink>
+    );
+};
+
+Dropdown.Trigger = Trigger;
+Dropdown.Content = Content;
+Dropdown.Link = Link;
+
+export default Dropdown;
diff --git a/stubs/inertia-react/resources/js/Components/Label.js b/stubs/inertia-react/resources/js/Components/Label.js
new file mode 100644
index 000000000..b55fbb3bc
--- /dev/null
+++ b/stubs/inertia-react/resources/js/Components/Label.js
@@ -0,0 +1,9 @@
+import React from 'react';
+
+export default function Label({ forInput, value, className, children }) {
+    return (
+        <label htmlFor={forInput} className={`block font-medium text-sm text-gray-700 ` + className}>
+            {value ? value : { children }}
+        </label>
+    );
+}
diff --git a/stubs/inertia-react/resources/js/Components/NavLink.js b/stubs/inertia-react/resources/js/Components/NavLink.js
new file mode 100644
index 000000000..8fea52514
--- /dev/null
+++ b/stubs/inertia-react/resources/js/Components/NavLink.js
@@ -0,0 +1,17 @@
+import { InertiaLink } from '@inertiajs/inertia-react';
+import React from 'react';
+
+export default function NavLink({ href, active, children }) {
+    return (
+        <InertiaLink
+            href={href}
+            className={
+                active
+                    ? 'inline-flex items-center px-1 pt-1 border-b-2 border-indigo-400 text-sm font-medium leading-5 text-gray-900 focus:outline-none focus:border-indigo-700 transition duration-150 ease-in-out'
+                    : 'inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out'
+            }
+        >
+            {children}
+        </InertiaLink>
+    );
+}
diff --git a/stubs/inertia-react/resources/js/Components/ResponsiveNavLink.js b/stubs/inertia-react/resources/js/Components/ResponsiveNavLink.js
new file mode 100644
index 000000000..cd9e3b5ad
--- /dev/null
+++ b/stubs/inertia-react/resources/js/Components/ResponsiveNavLink.js
@@ -0,0 +1,19 @@
+import { InertiaLink } from '@inertiajs/inertia-react';
+import React from 'react';
+
+export default function ResponsiveNavLink({ method = 'get', as = 'a', href, active = false, children }) {
+    return (
+        <InertiaLink
+            method={method}
+            as={as}
+            href={href}
+            className={`w-full flex items-start pl-3 pr-4 py-2 border-l-4 ${
+                active
+                    ? 'border-indigo-400 text-indigo-700 bg-indigo-50 focus:outline-none focus:text-indigo-800 focus:bg-indigo-100 focus:border-indigo-700'
+                    : 'border-transparent text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300'
+            } text-base font-medium focus:outline-none transition duration-150 ease-in-out`}
+        >
+            {children}
+        </InertiaLink>
+    );
+}
diff --git a/stubs/inertia-react/resources/js/Components/TextInput.js b/stubs/inertia-react/resources/js/Components/TextInput.js
new file mode 100644
index 000000000..42c6f18f1
--- /dev/null
+++ b/stubs/inertia-react/resources/js/Components/TextInput.js
@@ -0,0 +1,39 @@
+import React, { useEffect, useRef } from 'react';
+
+export default function TextInput({
+    label,
+    type = 'text',
+    name,
+    value,
+    className,
+    autoComplete,
+    required,
+    isFocused,
+    handleChange,
+}) {
+    const input = useRef();
+
+    useEffect(() => {
+        if (isFocused) {
+            input.current.focus();
+        }
+    }, []);
+
+    return (
+        <div className="flex flex-col items-start">
+            <input
+                type={type}
+                name={name}
+                value={value}
+                className={
+                    `border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm ` +
+                    className
+                }
+                ref={input}
+                autoComplete={autoComplete}
+                required={required}
+                onChange={(e) => handleChange(e)}
+            />
+        </div>
+    );
+}
diff --git a/stubs/inertia-react/resources/js/Components/ValidationErrors.js b/stubs/inertia-react/resources/js/Components/ValidationErrors.js
new file mode 100644
index 000000000..7153aaa43
--- /dev/null
+++ b/stubs/inertia-react/resources/js/Components/ValidationErrors.js
@@ -0,0 +1,17 @@
+import React from 'react';
+
+export default function ValidationErrors({ errors }) {
+    return (
+        Object.keys(errors).length > 0 && (
+            <div className="mb-4">
+                <div className="font-medium text-red-600">Whoops! Something went wrong.</div>
+
+                <ul className="mt-3 list-disc list-inside text-sm text-red-600">
+                    {Object.keys(errors).map(function (key, index) {
+                        return <li key={index}>{errors[key]}</li>;
+                    })}
+                </ul>
+            </div>
+        )
+    );
+}
diff --git a/stubs/inertia-react/resources/js/Layouts/Authenticated.js b/stubs/inertia-react/resources/js/Layouts/Authenticated.js
new file mode 100644
index 000000000..6fd3b66b7
--- /dev/null
+++ b/stubs/inertia-react/resources/js/Layouts/Authenticated.js
@@ -0,0 +1,128 @@
+import ApplicationLogo from '../Components/ApplicationLogo';
+import Dropdown from '../Components/Dropdown';
+import NavLink from '../Components/NavLink';
+import React, { useEffect, useState } from 'react';
+import ResponsiveNavLink from '../Components/ResponsiveNavLink';
+import { InertiaLink } from '@inertiajs/inertia-react';
+
+export default function Authenticated({ auth, header, children }) {
+    const [showingNavigationDropdown, setShowingNavigationDropdown] = useState(false);
+
+    return (
+        <div className="min-h-screen bg-gray-100">
+            <nav className="bg-white border-b border-gray-100">
+                <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+                    <div className="flex justify-between h-16">
+                        <div className="flex">
+                            <div className="flex-shrink-0 flex items-center">
+                                <InertiaLink href="/">
+                                    <ApplicationLogo className="block h-9 w-auto text-gray-500" />
+                                </InertiaLink>
+                            </div>
+
+                            <div className="hidden space-x-8 sm:-my-px sm:ml-10 sm:flex">
+                                <NavLink href={route('dashboard')} active={route().current('dashboard')}>
+                                    Dashboard
+                                </NavLink>
+                            </div>
+                        </div>
+
+                        <div className="hidden sm:flex sm:items-center sm:ml-6">
+                            <div className="ml-3 relative">
+                                <Dropdown>
+                                    <Dropdown.Trigger>
+                                        <span className="inline-flex rounded-md">
+                                            <button
+                                                type="button"
+                                                className="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-gray-500 bg-white hover:text-gray-700 focus:outline-none transition ease-in-out duration-150"
+                                            >
+                                                {auth.user.name}
+
+                                                <svg
+                                                    className="ml-2 -mr-0.5 h-4 w-4"
+                                                    xmlns="http://www.w3.org/2000/svg"
+                                                    viewBox="0 0 20 20"
+                                                    fill="currentColor"
+                                                >
+                                                    <path
+                                                        fillRule="evenodd"
+                                                        d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
+                                                        clipRule="evenodd"
+                                                    />
+                                                </svg>
+                                            </button>
+                                        </span>
+                                    </Dropdown.Trigger>
+
+                                    <Dropdown.Content>
+                                        <Dropdown.Link href={route('logout')} method="post" as="button">
+                                            Log Out
+                                        </Dropdown.Link>
+                                    </Dropdown.Content>
+                                </Dropdown>
+                            </div>
+                        </div>
+
+                        <div className="-mr-2 flex items-center sm:hidden">
+                            <button
+                                onClick={() => setShowingNavigationDropdown((previousState) => !previousState)}
+                                className="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out"
+                            >
+                                <svg className="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
+                                    <path
+                                        className={!showingNavigationDropdown ? 'inline-flex' : 'hidden'}
+                                        strokeLinecap="round"
+                                        strokeLinejoin="round"
+                                        strokeWidth="2"
+                                        d="M4 6h16M4 12h16M4 18h16"
+                                    />
+                                    <path
+                                        className={showingNavigationDropdown ? 'inline-flex' : 'hidden'}
+                                        strokeLinecap="round"
+                                        strokeLinejoin="round"
+                                        strokeWidth="2"
+                                        d="M6 18L18 6M6 6l12 12"
+                                    />
+                                </svg>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+
+                <div className={(showingNavigationDropdown ? 'block' : 'hidden') + ' sm:hidden'}>
+                    <div className="pt-2 pb-3 space-y-1">
+                        <ResponsiveNavLink
+                            method="post"
+                            href={route('dashboard')}
+                            active={route().current('dashboard')}
+                        >
+                            Dashboard
+                        </ResponsiveNavLink>
+                    </div>
+
+                    <div className="pt-4 pb-1 border-t border-gray-200">
+                        <div className="flex flex-col items-start px-4">
+                            <div className="font-medium text-base text-gray-800">{auth.user.name}</div>
+
+                            <div className="font-medium text-sm text-gray-500">{auth.user.email}</div>
+                        </div>
+
+                        <div className="mt-3 space-y-1">
+                            <ResponsiveNavLink method="post" href={route('logout')}>
+                                Log Out
+                            </ResponsiveNavLink>
+                        </div>
+                    </div>
+                </div>
+            </nav>
+
+            {header && (
+                <header className="bg-white shadow">
+                    <div className="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">{header}</div>
+                </header>
+            )}
+
+            <main>{children}</main>
+        </div>
+    );
+}
diff --git a/stubs/inertia-react/resources/js/Layouts/Guest.js b/stubs/inertia-react/resources/js/Layouts/Guest.js
new file mode 100644
index 000000000..bad7e897e
--- /dev/null
+++ b/stubs/inertia-react/resources/js/Layouts/Guest.js
@@ -0,0 +1,19 @@
+import ApplicationLogo from '../Components/ApplicationLogo';
+import React, { useEffect } from 'react';
+import { InertiaLink } from '@inertiajs/inertia-react';
+
+export default function Guest({ children }) {
+    return (
+        <div className="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100">
+            <div>
+                <InertiaLink href="/">
+                    <ApplicationLogo className="w-20 h-20 fill-current text-gray-500" />
+                </InertiaLink>
+            </div>
+
+            <div className="w-full sm:max-w-md mt-6 px-6 py-4 bg-white shadow-md overflow-hidden sm:rounded-lg">
+                {children}
+            </div>
+        </div>
+    );
+}
diff --git a/stubs/inertia-react/resources/js/Pages/Auth/ConfirmPassword.js b/stubs/inertia-react/resources/js/Pages/Auth/ConfirmPassword.js
new file mode 100644
index 000000000..9d28afd51
--- /dev/null
+++ b/stubs/inertia-react/resources/js/Pages/Auth/ConfirmPassword.js
@@ -0,0 +1,60 @@
+import Button from '@/Components/Button';
+import Guest from '@/Layouts/Guest';
+import Label from '@/Components/Label';
+import React, { useEffect } from 'react';
+import TextInput from '@/Components/TextInput';
+import ValidationErrors from '@/Components/ValidationErrors';
+import { useForm } from '@inertiajs/inertia-react';
+
+export default function ConfirmPassword() {
+    const { data, setData, post, processing, errors, reset } = useForm({
+        password: '',
+    });
+
+    useEffect(() => {
+        return () => {
+            reset('password');
+        };
+    }, []);
+
+    const onHandleChange = (event) => {
+        setData(event.target.name, event.target.value);
+    };
+
+    const submit = (e) => {
+        e.preventDefault();
+
+        post(route('password.confirm'));
+    };
+
+    return (
+        <Guest>
+            <div className="mb-4 text-sm text-gray-600">
+                This is a secure area of the application. Please confirm your password before continuing.
+            </div>
+
+            <ValidationErrors errors={errors} />
+
+            <form onSubmit={submit}>
+                <div className="mt-4">
+                    <Label forInput="password" value="Password" />
+
+                    <TextInput
+                        type="password"
+                        name="password"
+                        value={data.password}
+                        className="mt-1 block w-full"
+                        isFocused={true}
+                        handleChange={onHandleChange}
+                    />
+                </div>
+
+                <div className="flex items-center justify-end mt-4">
+                    <Button className="ml-4" processing={processing}>
+                        Confirm
+                    </Button>
+                </div>
+            </form>
+        </Guest>
+    );
+}
diff --git a/stubs/inertia-react/resources/js/Pages/Auth/ForgotPassword.js b/stubs/inertia-react/resources/js/Pages/Auth/ForgotPassword.js
new file mode 100644
index 000000000..9e4687a38
--- /dev/null
+++ b/stubs/inertia-react/resources/js/Pages/Auth/ForgotPassword.js
@@ -0,0 +1,53 @@
+import Button from '@/Components/Button';
+import Guest from '@/Layouts/Guest';
+import Label from '@/Components/Label';
+import React from 'react';
+import TextInput from '@/Components/TextInput';
+import ValidationErrors from '@/Components/ValidationErrors';
+import { useForm } from '@inertiajs/inertia-react';
+
+export default function ForgotPassword({ status }) {
+    const { data, setData, post, processing, errors } = useForm({
+        email: '',
+    });
+
+    const onHandleChange = (event) => {
+        setData(event.target.name, event.target.value);
+    };
+
+    const submit = (e) => {
+        e.preventDefault();
+
+        post(route('password.email'));
+    };
+
+    return (
+        <Guest>
+            <div className="mb-4 text-sm text-gray-500 leading-normal">
+                Forgot your password? No problem. Just let us know your email address and we will email you a password
+                reset link that will allow you to choose a new one.
+            </div>
+
+            {status && <div className="mb-4 font-medium text-sm text-green-600">{status}</div>}
+
+            <ValidationErrors errors={errors} />
+
+            <form onSubmit={submit}>
+                <TextInput
+                    type="text"
+                    name="email"
+                    value={data.email}
+                    className="mt-1 block w-full"
+                    isFocused={true}
+                    handleChange={onHandleChange}
+                />
+
+                <div className="flex items-center justify-end mt-4">
+                    <Button className="ml-4" processing={processing}>
+                        Email Password Reset Link
+                    </Button>
+                </div>
+            </form>
+        </Guest>
+    );
+}
diff --git a/stubs/inertia-react/resources/js/Pages/Auth/Login.js b/stubs/inertia-react/resources/js/Pages/Auth/Login.js
new file mode 100644
index 000000000..febe6a771
--- /dev/null
+++ b/stubs/inertia-react/resources/js/Pages/Auth/Login.js
@@ -0,0 +1,93 @@
+import Button from '@/Components/Button';
+import Checkbox from '@/Components/Checkbox';
+import Guest from '@/Layouts/Guest';
+import Label from '@/Components/Label';
+import React, { useEffect } from 'react';
+import TextInput from '@/Components/TextInput';
+import ValidationErrors from '@/Components/ValidationErrors';
+import { InertiaLink } from '@inertiajs/inertia-react';
+import { useForm } from '@inertiajs/inertia-react';
+
+export default function Login({ status, canResetPassword }) {
+    const { data, setData, post, processing, errors, reset } = useForm({
+        email: '',
+        password: '',
+        remember: '',
+    });
+
+    useEffect(() => {
+        return () => {
+            reset('password');
+        };
+    }, []);
+
+    const onHandleChange = (event) => {
+        setData(event.target.name, event.target.type === 'checkbox' ? event.target.checked : event.target.value);
+    };
+
+    const submit = (e) => {
+        e.preventDefault();
+
+        post(route('login'));
+    };
+
+    return (
+        <Guest>
+            {status && <div className="mb-4 font-medium text-sm text-green-600">{status}</div>}
+
+            <ValidationErrors errors={errors} />
+
+            <form onSubmit={submit}>
+                <div>
+                    <Label forInput="email" value="Email" />
+
+                    <TextInput
+                        type="text"
+                        name="email"
+                        value={data.email}
+                        className="mt-1 block w-full"
+                        autoComplete="username"
+                        isFocused={true}
+                        handleChange={onHandleChange}
+                    />
+                </div>
+
+                <div className="mt-4">
+                    <Label forInput="password" value="Password" />
+
+                    <TextInput
+                        type="password"
+                        name="password"
+                        value={data.password}
+                        className="mt-1 block w-full"
+                        autoComplete="current-password"
+                        handleChange={onHandleChange}
+                    />
+                </div>
+
+                <div className="block mt-4">
+                    <label className="flex items-center">
+                        <Checkbox name="remember" value={data.remember} handleChange={onHandleChange} />
+
+                        <span className="ml-2 text-sm text-gray-600">Remember me</span>
+                    </label>
+                </div>
+
+                <div className="flex items-center justify-end mt-4">
+                    {canResetPassword && (
+                        <InertiaLink
+                            href={route('password.request')}
+                            className="underline text-sm text-gray-600 hover:text-gray-900"
+                        >
+                            Forgot your password?
+                        </InertiaLink>
+                    )}
+
+                    <Button className="ml-4" processing={processing}>
+                        Log in
+                    </Button>
+                </div>
+            </form>
+        </Guest>
+    );
+}
diff --git a/stubs/inertia-react/resources/js/Pages/Auth/Register.js b/stubs/inertia-react/resources/js/Pages/Auth/Register.js
new file mode 100644
index 000000000..1e8afe2f9
--- /dev/null
+++ b/stubs/inertia-react/resources/js/Pages/Auth/Register.js
@@ -0,0 +1,107 @@
+import Button from '@/Components/Button';
+import Guest from '@/Layouts/Guest';
+import React, { useEffect } from 'react';
+import Label from '@/Components/Label';
+import TextInput from '@/Components/TextInput';
+import ValidationErrors from '@/Components/ValidationErrors';
+import { InertiaLink } from '@inertiajs/inertia-react';
+import { useForm } from '@inertiajs/inertia-react';
+
+export default function Register() {
+    const { data, setData, post, processing, errors, reset } = useForm({
+        name: '',
+        email: '',
+        password: '',
+        password_confirmation: '',
+    });
+
+    useEffect(() => {
+        return () => {
+            reset('password', 'password_confirmation');
+        };
+    }, []);
+
+    const onHandleChange = (event) => {
+        setData(event.target.name, event.target.type === 'checkbox' ? event.target.checked : event.target.value);
+    };
+
+    const submit = (e) => {
+        e.preventDefault();
+
+        post(route('register'));
+    };
+
+    return (
+        <Guest>
+            <ValidationErrors errors={errors} />
+
+            <form onSubmit={submit}>
+                <div>
+                    <Label forInput="name" value="Name" />
+
+                    <TextInput
+                        type="text"
+                        name="name"
+                        value={data.name}
+                        className="mt-1 block w-full"
+                        autoComplete="name"
+                        isFocused={true}
+                        handleChange={onHandleChange}
+                        required
+                    />
+                </div>
+
+                <div className="mt-4">
+                    <Label forInput="email" value="Email" />
+
+                    <TextInput
+                        type="email"
+                        name="email"
+                        value={data.email}
+                        className="mt-1 block w-full"
+                        autoComplete="username"
+                        handleChange={onHandleChange}
+                        required
+                    />
+                </div>
+
+                <div className="mt-4">
+                    <Label forInput="password" value="Password" />
+
+                    <TextInput
+                        type="password"
+                        name="password"
+                        value={data.password}
+                        className="mt-1 block w-full"
+                        autoComplete="new-password"
+                        handleChange={onHandleChange}
+                        required
+                    />
+                </div>
+
+                <div className="mt-4">
+                    <Label forInput="password_confirmation" value="Confirm Password" />
+
+                    <TextInput
+                        type="password"
+                        name="password_confirmation"
+                        value={data.password_confirmation}
+                        className="mt-1 block w-full"
+                        handleChange={onHandleChange}
+                        required
+                    />
+                </div>
+
+                <div className="flex items-center justify-end mt-4">
+                    <InertiaLink href={route('login')} className="underline text-sm text-gray-600 hover:text-gray-900">
+                        Already registered?
+                    </InertiaLink>
+
+                    <Button className="ml-4" processing={processing}>
+                        Register
+                    </Button>
+                </div>
+            </form>
+        </Guest>
+    );
+}
diff --git a/stubs/inertia-react/resources/js/Pages/Auth/ResetPassword.js b/stubs/inertia-react/resources/js/Pages/Auth/ResetPassword.js
new file mode 100644
index 000000000..7ce7245e8
--- /dev/null
+++ b/stubs/inertia-react/resources/js/Pages/Auth/ResetPassword.js
@@ -0,0 +1,86 @@
+import Button from '@/Components/Button';
+import Guest from '@/Layouts/Guest';
+import Label from '@/Components/Label';
+import React, { useEffect } from 'react';
+import TextInput from '@/Components/TextInput';
+import ValidationErrors from '@/Components/ValidationErrors';
+import { useForm } from '@inertiajs/inertia-react';
+
+export default function ResetPassword({ token, email }) {
+    const { data, setData, post, processing, errors, reset } = useForm({
+        token: token,
+        email: email,
+        password: '',
+        password_confirmation: '',
+    });
+
+    useEffect(() => {
+        return () => {
+            reset('password', 'password_confirmation');
+        };
+    }, []);
+
+    const onHandleChange = (event) => {
+        setData(event.target.name, event.target.value);
+    };
+
+    const submit = (e) => {
+        e.preventDefault();
+
+        post(route('password.update'));
+    };
+
+    return (
+        <Guest>
+            <ValidationErrors errors={errors} />
+
+            <form onSubmit={submit}>
+                <div>
+                    <Label forInput="email" value="Email" />
+
+                    <TextInput
+                        type="email"
+                        name="email"
+                        value={data.email}
+                        className="mt-1 block w-full"
+                        autoComplete="username"
+                        handleChange={onHandleChange}
+                    />
+                </div>
+
+                <div className="mt-4">
+                    <Label forInput="password" value="Password" />
+
+                    <TextInput
+                        type="password"
+                        name="password"
+                        value={data.password}
+                        className="mt-1 block w-full"
+                        autoComplete="new-password"
+                        isFocused={true}
+                        handleChange={onHandleChange}
+                    />
+                </div>
+
+                <div className="mt-4">
+                    <Label forInput="password_confirmation" value="Confirm Password" />
+
+                    <TextInput
+                        type="password"
+                        name="password_confirmation"
+                        value={data.password_confirmation}
+                        className="mt-1 block w-full"
+                        autoComplete="new-password"
+                        handleChange={onHandleChange}
+                    />
+                </div>
+
+                <div className="flex items-center justify-end mt-4">
+                    <Button className="ml-4" processing={processing}>
+                        Reset Password
+                    </Button>
+                </div>
+            </form>
+        </Guest>
+    );
+}
diff --git a/stubs/inertia-react/resources/js/Pages/Auth/VerifyEmail.js b/stubs/inertia-react/resources/js/Pages/Auth/VerifyEmail.js
new file mode 100644
index 000000000..600088d38
--- /dev/null
+++ b/stubs/inertia-react/resources/js/Pages/Auth/VerifyEmail.js
@@ -0,0 +1,45 @@
+import Button from '@/Components/Button';
+import Guest from '@/Layouts/Guest';
+import React from 'react';
+import { InertiaLink } from '@inertiajs/inertia-react';
+import { useForm } from '@inertiajs/inertia-react';
+
+export default function VerifyEmail({ status }) {
+    const { post, processing } = useForm();
+
+    const submit = (e) => {
+        e.preventDefault();
+
+        post(route('verification.send'));
+    };
+
+    return (
+        <Guest>
+            <div className="mb-4 text-sm text-gray-600">
+                Thanks for signing up! Before getting started, could you verify your email address by clicking on the
+                link we just emailed to you? If you didn't receive the email, we will gladly send you another.
+            </div>
+
+            {status === 'verification-link-sent' && (
+                <div className="mb-4 font-medium text-sm text-green-600">
+                    A new verification link has been sent to the email address you provided during registration.
+                </div>
+            )}
+
+            <form onSubmit={submit}>
+                <div className="mt-4 flex items-center justify-between">
+                    <Button processing={processing}>Resend Verification Email</Button>
+
+                    <InertiaLink
+                        href={route('logout')}
+                        method="post"
+                        as="button"
+                        className="underline text-sm text-gray-600 hover:text-gray-900"
+                    >
+                        Log Out
+                    </InertiaLink>
+                </div>
+            </form>
+        </Guest>
+    );
+}
diff --git a/stubs/inertia-react/resources/js/Pages/Dashboard.js b/stubs/inertia-react/resources/js/Pages/Dashboard.js
new file mode 100644
index 000000000..99c875f03
--- /dev/null
+++ b/stubs/inertia-react/resources/js/Pages/Dashboard.js
@@ -0,0 +1,20 @@
+import Authenticated from '@/Layouts/Authenticated';
+import React from 'react';
+
+export default function Dashboard(props) {
+    return (
+        <Authenticated
+            auth={props.auth}
+            errors={props.errors}
+            header={<h2 className="font-semibold text-xl text-gray-800 leading-tight">Dashboard</h2>}
+        >
+            <div className="py-12">
+                <div className="max-w-7xl mx-auto sm:px-6 lg:px-8">
+                    <div className="bg-white overflow-hidden shadow-sm sm:rounded-lg">
+                        <div className="p-6 bg-white border-b border-gray-200">You're logged in!</div>
+                    </div>
+                </div>
+            </div>
+        </Authenticated>
+    );
+}
diff --git a/stubs/inertia-react/resources/js/Pages/Welcome.js b/stubs/inertia-react/resources/js/Pages/Welcome.js
new file mode 100644
index 000000000..50f63e068
--- /dev/null
+++ b/stubs/inertia-react/resources/js/Pages/Welcome.js
@@ -0,0 +1,251 @@
+import React from 'react';
+import { InertiaLink } from '@inertiajs/inertia-react';
+
+export default function Welcome(props) {
+    return (
+        <div className="relative flex items-top justify-center min-h-screen bg-gray-100 dark:bg-gray-900 sm:items-center sm:pt-0">
+            <div className="fixed top-0 right-0 px-6 py-4 sm:block">
+                {props.auth.user ? (
+                    <InertiaLink href="/dashboard" className="text-sm text-gray-700 underline">
+                        Dashboard
+                    </InertiaLink>
+                ) : (
+                    <>
+                        <InertiaLink href={route('login')} className="text-sm text-gray-700 underline">
+                            Log in
+                        </InertiaLink>
+
+                        <InertiaLink href={route('register')} className="ml-4 text-sm text-gray-700 underline">
+                            Register
+                        </InertiaLink>
+                    </>
+                )}
+            </div>
+
+            <div className="max-w-6xl mx-auto sm:px-6 lg:px-8">
+                <div className="flex justify-center pt-8 sm:justify-start sm:pt-0">
+                    <svg
+                        viewBox="0 0 651 192"
+                        fill="none"
+                        xmlns="http://www.w3.org/2000/svg"
+                        className="h-16 w-auto text-gray-700 sm:h-20"
+                    >
+                        <g clipPath="url(#clip0)" fill="#EF3B2D">
+                            <path d="M248.032 44.676h-16.466v100.23h47.394v-14.748h-30.928V44.676zM337.091 87.202c-2.101-3.341-5.083-5.965-8.949-7.875-3.865-1.909-7.756-2.864-11.669-2.864-5.062 0-9.69.931-13.89 2.792-4.201 1.861-7.804 4.417-10.811 7.661-3.007 3.246-5.347 6.993-7.016 11.239-1.672 4.249-2.506 8.713-2.506 13.389 0 4.774.834 9.26 2.506 13.459 1.669 4.202 4.009 7.925 7.016 11.169 3.007 3.246 6.609 5.799 10.811 7.66 4.199 1.861 8.828 2.792 13.89 2.792 3.913 0 7.804-.955 11.669-2.863 3.866-1.908 6.849-4.533 8.949-7.875v9.021h15.607V78.182h-15.607v9.02zm-1.431 32.503c-.955 2.578-2.291 4.821-4.009 6.73-1.719 1.91-3.795 3.437-6.229 4.582-2.435 1.146-5.133 1.718-8.091 1.718-2.96 0-5.633-.572-8.019-1.718-2.387-1.146-4.438-2.672-6.156-4.582-1.719-1.909-3.032-4.152-3.938-6.73-.909-2.577-1.36-5.298-1.36-8.161 0-2.864.451-5.585 1.36-8.162.905-2.577 2.219-4.819 3.938-6.729 1.718-1.908 3.77-3.437 6.156-4.582 2.386-1.146 5.059-1.718 8.019-1.718 2.958 0 5.656.572 8.091 1.718 2.434 1.146 4.51 2.674 6.229 4.582 1.718 1.91 3.054 4.152 4.009 6.729.953 2.577 1.432 5.298 1.432 8.162-.001 2.863-.479 5.584-1.432 8.161zM463.954 87.202c-2.101-3.341-5.083-5.965-8.949-7.875-3.865-1.909-7.756-2.864-11.669-2.864-5.062 0-9.69.931-13.89 2.792-4.201 1.861-7.804 4.417-10.811 7.661-3.007 3.246-5.347 6.993-7.016 11.239-1.672 4.249-2.506 8.713-2.506 13.389 0 4.774.834 9.26 2.506 13.459 1.669 4.202 4.009 7.925 7.016 11.169 3.007 3.246 6.609 5.799 10.811 7.66 4.199 1.861 8.828 2.792 13.89 2.792 3.913 0 7.804-.955 11.669-2.863 3.866-1.908 6.849-4.533 8.949-7.875v9.021h15.607V78.182h-15.607v9.02zm-1.432 32.503c-.955 2.578-2.291 4.821-4.009 6.73-1.719 1.91-3.795 3.437-6.229 4.582-2.435 1.146-5.133 1.718-8.091 1.718-2.96 0-5.633-.572-8.019-1.718-2.387-1.146-4.438-2.672-6.156-4.582-1.719-1.909-3.032-4.152-3.938-6.73-.909-2.577-1.36-5.298-1.36-8.161 0-2.864.451-5.585 1.36-8.162.905-2.577 2.219-4.819 3.938-6.729 1.718-1.908 3.77-3.437 6.156-4.582 2.386-1.146 5.059-1.718 8.019-1.718 2.958 0 5.656.572 8.091 1.718 2.434 1.146 4.51 2.674 6.229 4.582 1.718 1.91 3.054 4.152 4.009 6.729.953 2.577 1.432 5.298 1.432 8.162 0 2.863-.479 5.584-1.432 8.161zM650.772 44.676h-15.606v100.23h15.606V44.676zM365.013 144.906h15.607V93.538h26.776V78.182h-42.383v66.724zM542.133 78.182l-19.616 51.096-19.616-51.096h-15.808l25.617 66.724h19.614l25.617-66.724h-15.808zM591.98 76.466c-19.112 0-34.239 15.706-34.239 35.079 0 21.416 14.641 35.079 36.239 35.079 12.088 0 19.806-4.622 29.234-14.688l-10.544-8.158c-.006.008-7.958 10.449-19.832 10.449-13.802 0-19.612-11.127-19.612-16.884h51.777c2.72-22.043-11.772-40.877-33.023-40.877zm-18.713 29.28c.12-1.284 1.917-16.884 18.589-16.884 16.671 0 18.697 15.598 18.813 16.884h-37.402zM184.068 43.892c-.024-.088-.073-.165-.104-.25-.058-.157-.108-.316-.191-.46-.056-.097-.137-.176-.203-.265-.087-.117-.161-.242-.265-.345-.085-.086-.194-.148-.29-.223-.109-.085-.206-.182-.327-.252l-.002-.001-.002-.002-35.648-20.524a2.971 2.971 0 00-2.964 0l-35.647 20.522-.002.002-.002.001c-.121.07-.219.167-.327.252-.096.075-.205.138-.29.223-.103.103-.178.228-.265.345-.066.089-.147.169-.203.265-.083.144-.133.304-.191.46-.031.085-.08.162-.104.25-.067.249-.103.51-.103.776v38.979l-29.706 17.103V24.493a3 3 0 00-.103-.776c-.024-.088-.073-.165-.104-.25-.058-.157-.108-.316-.191-.46-.056-.097-.137-.176-.203-.265-.087-.117-.161-.242-.265-.345-.085-.086-.194-.148-.29-.223-.109-.085-.206-.182-.327-.252l-.002-.001-.002-.002L40.098 1.396a2.971 2.971 0 00-2.964 0L1.487 21.919l-.002.002-.002.001c-.121.07-.219.167-.327.252-.096.075-.205.138-.29.223-.103.103-.178.228-.265.345-.066.089-.147.169-.203.265-.083.144-.133.304-.191.46-.031.085-.08.162-.104.25-.067.249-.103.51-.103.776v122.09c0 1.063.568 2.044 1.489 2.575l71.293 41.045c.156.089.324.143.49.202.078.028.15.074.23.095a2.98 2.98 0 001.524 0c.069-.018.132-.059.2-.083.176-.061.354-.119.519-.214l71.293-41.045a2.971 2.971 0 001.489-2.575v-38.979l34.158-19.666a2.971 2.971 0 001.489-2.575V44.666a3.075 3.075 0 00-.106-.774zM74.255 143.167l-29.648-16.779 31.136-17.926.001-.001 34.164-19.669 29.674 17.084-21.772 12.428-43.555 24.863zm68.329-76.259v33.841l-12.475-7.182-17.231-9.92V49.806l12.475 7.182 17.231 9.92zm2.97-39.335l29.693 17.095-29.693 17.095-29.693-17.095 29.693-17.095zM54.06 114.089l-12.475 7.182V46.733l17.231-9.92 12.475-7.182v74.537l-17.231 9.921zM38.614 7.398l29.693 17.095-29.693 17.095L8.921 24.493 38.614 7.398zM5.938 29.632l12.475 7.182 17.231 9.92v79.676l.001.005-.001.006c0 .114.032.221.045.333.017.146.021.294.059.434l.002.007c.032.117.094.222.14.334.051.124.088.255.156.371a.036.036 0 00.004.009c.061.105.149.191.222.288.081.105.149.22.244.314l.008.01c.084.083.19.142.284.215.106.083.202.178.32.247l.013.005.011.008 34.139 19.321v34.175L5.939 144.867V29.632h-.001zm136.646 115.235l-65.352 37.625V148.31l48.399-27.628 16.953-9.677v33.862zm35.646-61.22l-29.706 17.102V66.908l17.231-9.92 12.475-7.182v33.841z" />
+                        </g>
+                    </svg>
+                </div>
+
+                <div className="mt-8 bg-white dark:bg-gray-800 overflow-hidden shadow sm:rounded-lg">
+                    <div className="grid grid-cols-1 md:grid-cols-2">
+                        <div className="p-6">
+                            <div className="flex items-center">
+                                <svg
+                                    fill="none"
+                                    stroke="currentColor"
+                                    strokeLinecap="round"
+                                    strokeLinejoin="round"
+                                    strokeWidth="2"
+                                    viewBox="0 0 24 24"
+                                    className="w-8 h-8 text-gray-500"
+                                >
+                                    <path d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path>
+                                </svg>
+
+                                <div className="ml-4 text-lg leading-7 font-semibold">
+                                    <a
+                                        href="https://laravel.com/docs"
+                                        className="underline text-gray-900 dark:text-white"
+                                    >
+                                        Documentation
+                                    </a>
+                                </div>
+                            </div>
+
+                            <div className="ml-12">
+                                <div className="mt-2 text-gray-600 dark:text-gray-400 text-sm">
+                                    Laravel has wonderful, thorough documentation covering every aspect of the
+                                    framework. Whether you are new to the framework or have previous experience with
+                                    Laravel, we recommend reading all of the documentation from beginning to end.
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="p-6 border-t border-gray-200 dark:border-gray-700 md:border-t-0 md:border-l">
+                            <div className="flex items-center">
+                                <svg
+                                    fill="none"
+                                    stroke="currentColor"
+                                    strokeLinecap="round"
+                                    strokeLinejoin="round"
+                                    strokeWidth="2"
+                                    viewBox="0 0 24 24"
+                                    className="w-8 h-8 text-gray-500"
+                                >
+                                    <path d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"></path>
+                                    <path d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"></path>
+                                </svg>
+
+                                <div className="ml-4 text-lg leading-7 font-semibold">
+                                    <a href="https://laracasts.com" className="underline text-gray-900 dark:text-white">
+                                        Laracasts
+                                    </a>
+                                </div>
+                            </div>
+
+                            <div className="ml-12">
+                                <div className="mt-2 text-gray-600 dark:text-gray-400 text-sm">
+                                    Laracasts offers thousands of video tutorials on Laravel, PHP, and JavaScript
+                                    development. Check them out, see for yourself, and massively level up your
+                                    development skills in the process.
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="p-6 border-t border-gray-200 dark:border-gray-700">
+                            <div className="flex items-center">
+                                <svg
+                                    fill="none"
+                                    stroke="currentColor"
+                                    strokeLinecap="round"
+                                    strokeLinejoin="round"
+                                    strokeWidth="2"
+                                    viewBox="0 0 24 24"
+                                    className="w-8 h-8 text-gray-500"
+                                >
+                                    <path d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"></path>
+                                </svg>
+
+                                <div className="ml-4 text-lg leading-7 font-semibold">
+                                    <a
+                                        href="https://laravel-news.com/"
+                                        className="underline text-gray-900 dark:text-white"
+                                    >
+                                        Laravel News
+                                    </a>
+                                </div>
+                            </div>
+
+                            <div className="ml-12">
+                                <div className="mt-2 text-gray-600 dark:text-gray-400 text-sm">
+                                    Laravel News is a community driven portal and newsletter aggregating all of the
+                                    latest and most important news in the Laravel ecosystem, including new package
+                                    releases and tutorials.
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="p-6 border-t border-gray-200 dark:border-gray-700 md:border-l">
+                            <div className="flex items-center">
+                                <svg
+                                    fill="none"
+                                    stroke="currentColor"
+                                    strokeLinecap="round"
+                                    strokeLinejoin="round"
+                                    strokeWidth="2"
+                                    viewBox="0 0 24 24"
+                                    className="w-8 h-8 text-gray-500"
+                                >
+                                    <path d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                                </svg>
+
+                                <div className="ml-4 text-lg leading-7 font-semibold text-gray-900 dark:text-white">
+                                    Vibrant Ecosystem
+                                </div>
+                            </div>
+
+                            <div className="ml-12">
+                                <div className="mt-2 text-gray-600 dark:text-gray-400 text-sm">
+                                    Laravel's robust library of first-party tools and libraries, such as{' '}
+                                    <a href="https://forge.laravel.com" className="underline">
+                                        Forge
+                                    </a>
+                                    ,{' '}
+                                    <a href="https://vapor.laravel.com" className="underline">
+                                        Vapor
+                                    </a>
+                                    ,{' '}
+                                    <a href="https://nova.laravel.com" className="underline">
+                                        Nova
+                                    </a>
+                                    , and{' '}
+                                    <a href="https://envoyer.io" className="underline">
+                                        Envoyer
+                                    </a>{' '}
+                                    help you take your projects to the next level. Pair them with powerful open source
+                                    libraries like{' '}
+                                    <a href="https://laravel.com/docs/billing" className="underline">
+                                        Cashier
+                                    </a>
+                                    ,{' '}
+                                    <a href="https://laravel.com/docs/dusk" className="underline">
+                                        Dusk
+                                    </a>
+                                    ,{' '}
+                                    <a href="https://laravel.com/docs/broadcasting" className="underline">
+                                        Echo
+                                    </a>
+                                    ,{' '}
+                                    <a href="https://laravel.com/docs/horizon" className="underline">
+                                        Horizon
+                                    </a>
+                                    ,{' '}
+                                    <a href="https://laravel.com/docs/sanctum" className="underline">
+                                        Sanctum
+                                    </a>
+                                    ,{' '}
+                                    <a href="https://laravel.com/docs/telescope" className="underline">
+                                        Telescope
+                                    </a>
+                                    , and more.
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div className="flex justify-center mt-4 sm:items-center sm:justify-between">
+                    <div className="text-center text-sm text-gray-500 sm:text-left">
+                        <div className="flex items-center">
+                            <svg
+                                fill="none"
+                                strokeLinecap="round"
+                                strokeLinejoin="round"
+                                strokeWidth="2"
+                                viewBox="0 0 24 24"
+                                stroke="currentColor"
+                                className="-mt-px w-5 h-5 text-gray-400"
+                            >
+                                <path d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
+                            </svg>
+
+                            <a href="https://laravel.bigcartel.com" className="ml-1 underline">
+                                Shop
+                            </a>
+
+                            <svg
+                                fill="none"
+                                stroke="currentColor"
+                                strokeLinecap="round"
+                                strokeLinejoin="round"
+                                strokeWidth="2"
+                                viewBox="0 0 24 24"
+                                className="ml-4 -mt-px w-5 h-5 text-gray-400"
+                            >
+                                <path d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
+                            </svg>
+
+                            <a href="https://github.com/sponsors/taylorotwell" className="ml-1 underline">
+                                Sponsor
+                            </a>
+                        </div>
+                    </div>
+
+                    <div className="ml-4 text-center text-sm text-gray-500 sm:text-right sm:ml-0">
+                        Laravel v{props.laravelVersion} (PHP v{props.phpVersion})
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/stubs/inertia-react/resources/js/app.js b/stubs/inertia-react/resources/js/app.js
new file mode 100644
index 000000000..cb900806a
--- /dev/null
+++ b/stubs/inertia-react/resources/js/app.js
@@ -0,0 +1,16 @@
+require('./bootstrap');
+
+// Import modules...
+import React from 'react';
+import { render } from 'react-dom';
+import { App } from '@inertiajs/inertia-react';
+import { InertiaProgress } from '@inertiajs/progress';
+
+const el = document.getElementById('app');
+
+render(
+    <App initialPage={JSON.parse(el.dataset.page)} resolveComponent={(name) => require(`./Pages/${name}`).default} />,
+    el
+);
+
+InertiaProgress.init({ color: '#4B5563' });
diff --git a/stubs/inertia-react/resources/js/bootstrap.js b/stubs/inertia-react/resources/js/bootstrap.js
new file mode 100644
index 000000000..692257769
--- /dev/null
+++ b/stubs/inertia-react/resources/js/bootstrap.js
@@ -0,0 +1,28 @@
+window._ = require('lodash');
+
+/**
+ * We'll load the axios HTTP library which allows us to easily issue requests
+ * to our Laravel back-end. This library automatically handles sending the
+ * CSRF token as a header based on the value of the "XSRF" token cookie.
+ */
+
+window.axios = require('axios');
+
+window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
+
+/**
+ * Echo exposes an expressive API for subscribing to channels and listening
+ * for events that are broadcast by Laravel. Echo and event broadcasting
+ * allows your team to easily build robust real-time web applications.
+ */
+
+// import Echo from 'laravel-echo';
+
+// window.Pusher = require('pusher-js');
+
+// window.Echo = new Echo({
+//     broadcaster: 'pusher',
+//     key: process.env.MIX_PUSHER_APP_KEY,
+//     cluster: process.env.MIX_PUSHER_APP_CLUSTER,
+//     forceTLS: true
+// });
diff --git a/stubs/inertia/resources/js/Components/ApplicationLogo.vue b/stubs/inertia-vue/resources/js/Components/ApplicationLogo.vue
similarity index 100%
rename from stubs/inertia/resources/js/Components/ApplicationLogo.vue
rename to stubs/inertia-vue/resources/js/Components/ApplicationLogo.vue
diff --git a/stubs/inertia/resources/js/Components/Button.vue b/stubs/inertia-vue/resources/js/Components/Button.vue
similarity index 100%
rename from stubs/inertia/resources/js/Components/Button.vue
rename to stubs/inertia-vue/resources/js/Components/Button.vue
diff --git a/stubs/inertia/resources/js/Components/Checkbox.vue b/stubs/inertia-vue/resources/js/Components/Checkbox.vue
similarity index 100%
rename from stubs/inertia/resources/js/Components/Checkbox.vue
rename to stubs/inertia-vue/resources/js/Components/Checkbox.vue
diff --git a/stubs/inertia/resources/js/Components/Dropdown.vue b/stubs/inertia-vue/resources/js/Components/Dropdown.vue
similarity index 100%
rename from stubs/inertia/resources/js/Components/Dropdown.vue
rename to stubs/inertia-vue/resources/js/Components/Dropdown.vue
diff --git a/stubs/inertia/resources/js/Components/DropdownLink.vue b/stubs/inertia-vue/resources/js/Components/DropdownLink.vue
similarity index 100%
rename from stubs/inertia/resources/js/Components/DropdownLink.vue
rename to stubs/inertia-vue/resources/js/Components/DropdownLink.vue
diff --git a/stubs/inertia/resources/js/Components/Input.vue b/stubs/inertia-vue/resources/js/Components/Input.vue
similarity index 100%
rename from stubs/inertia/resources/js/Components/Input.vue
rename to stubs/inertia-vue/resources/js/Components/Input.vue
diff --git a/stubs/inertia/resources/js/Components/InputError.vue b/stubs/inertia-vue/resources/js/Components/InputError.vue
similarity index 100%
rename from stubs/inertia/resources/js/Components/InputError.vue
rename to stubs/inertia-vue/resources/js/Components/InputError.vue
diff --git a/stubs/inertia/resources/js/Components/Label.vue b/stubs/inertia-vue/resources/js/Components/Label.vue
similarity index 100%
rename from stubs/inertia/resources/js/Components/Label.vue
rename to stubs/inertia-vue/resources/js/Components/Label.vue
diff --git a/stubs/inertia/resources/js/Components/NavLink.vue b/stubs/inertia-vue/resources/js/Components/NavLink.vue
similarity index 100%
rename from stubs/inertia/resources/js/Components/NavLink.vue
rename to stubs/inertia-vue/resources/js/Components/NavLink.vue
diff --git a/stubs/inertia/resources/js/Components/ResponsiveNavLink.vue b/stubs/inertia-vue/resources/js/Components/ResponsiveNavLink.vue
similarity index 100%
rename from stubs/inertia/resources/js/Components/ResponsiveNavLink.vue
rename to stubs/inertia-vue/resources/js/Components/ResponsiveNavLink.vue
diff --git a/stubs/inertia/resources/js/Components/ValidationErrors.vue b/stubs/inertia-vue/resources/js/Components/ValidationErrors.vue
similarity index 100%
rename from stubs/inertia/resources/js/Components/ValidationErrors.vue
rename to stubs/inertia-vue/resources/js/Components/ValidationErrors.vue
diff --git a/stubs/inertia/resources/js/Layouts/Authenticated.vue b/stubs/inertia-vue/resources/js/Layouts/Authenticated.vue
similarity index 100%
rename from stubs/inertia/resources/js/Layouts/Authenticated.vue
rename to stubs/inertia-vue/resources/js/Layouts/Authenticated.vue
diff --git a/stubs/inertia/resources/js/Layouts/Guest.vue b/stubs/inertia-vue/resources/js/Layouts/Guest.vue
similarity index 100%
rename from stubs/inertia/resources/js/Layouts/Guest.vue
rename to stubs/inertia-vue/resources/js/Layouts/Guest.vue
diff --git a/stubs/inertia/resources/js/Pages/Auth/ConfirmPassword.vue b/stubs/inertia-vue/resources/js/Pages/Auth/ConfirmPassword.vue
similarity index 100%
rename from stubs/inertia/resources/js/Pages/Auth/ConfirmPassword.vue
rename to stubs/inertia-vue/resources/js/Pages/Auth/ConfirmPassword.vue
diff --git a/stubs/inertia/resources/js/Pages/Auth/ForgotPassword.vue b/stubs/inertia-vue/resources/js/Pages/Auth/ForgotPassword.vue
similarity index 100%
rename from stubs/inertia/resources/js/Pages/Auth/ForgotPassword.vue
rename to stubs/inertia-vue/resources/js/Pages/Auth/ForgotPassword.vue
diff --git a/stubs/inertia/resources/js/Pages/Auth/Login.vue b/stubs/inertia-vue/resources/js/Pages/Auth/Login.vue
similarity index 100%
rename from stubs/inertia/resources/js/Pages/Auth/Login.vue
rename to stubs/inertia-vue/resources/js/Pages/Auth/Login.vue
diff --git a/stubs/inertia/resources/js/Pages/Auth/Register.vue b/stubs/inertia-vue/resources/js/Pages/Auth/Register.vue
similarity index 100%
rename from stubs/inertia/resources/js/Pages/Auth/Register.vue
rename to stubs/inertia-vue/resources/js/Pages/Auth/Register.vue
diff --git a/stubs/inertia/resources/js/Pages/Auth/ResetPassword.vue b/stubs/inertia-vue/resources/js/Pages/Auth/ResetPassword.vue
similarity index 100%
rename from stubs/inertia/resources/js/Pages/Auth/ResetPassword.vue
rename to stubs/inertia-vue/resources/js/Pages/Auth/ResetPassword.vue
diff --git a/stubs/inertia/resources/js/Pages/Auth/VerifyEmail.vue b/stubs/inertia-vue/resources/js/Pages/Auth/VerifyEmail.vue
similarity index 100%
rename from stubs/inertia/resources/js/Pages/Auth/VerifyEmail.vue
rename to stubs/inertia-vue/resources/js/Pages/Auth/VerifyEmail.vue
diff --git a/stubs/inertia/resources/js/Pages/Dashboard.vue b/stubs/inertia-vue/resources/js/Pages/Dashboard.vue
similarity index 100%
rename from stubs/inertia/resources/js/Pages/Dashboard.vue
rename to stubs/inertia-vue/resources/js/Pages/Dashboard.vue
diff --git a/stubs/inertia/resources/js/Pages/Welcome.vue b/stubs/inertia-vue/resources/js/Pages/Welcome.vue
similarity index 100%
rename from stubs/inertia/resources/js/Pages/Welcome.vue
rename to stubs/inertia-vue/resources/js/Pages/Welcome.vue
diff --git a/stubs/inertia/resources/js/app.js b/stubs/inertia-vue/resources/js/app.js
similarity index 100%
rename from stubs/inertia/resources/js/app.js
rename to stubs/inertia-vue/resources/js/app.js
diff --git a/stubs/inertia-vue/resources/js/bootstrap.js b/stubs/inertia-vue/resources/js/bootstrap.js
new file mode 100644
index 000000000..692257769
--- /dev/null
+++ b/stubs/inertia-vue/resources/js/bootstrap.js
@@ -0,0 +1,28 @@
+window._ = require('lodash');
+
+/**
+ * We'll load the axios HTTP library which allows us to easily issue requests
+ * to our Laravel back-end. This library automatically handles sending the
+ * CSRF token as a header based on the value of the "XSRF" token cookie.
+ */
+
+window.axios = require('axios');
+
+window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
+
+/**
+ * Echo exposes an expressive API for subscribing to channels and listening
+ * for events that are broadcast by Laravel. Echo and event broadcasting
+ * allows your team to easily build robust real-time web applications.
+ */
+
+// import Echo from 'laravel-echo';
+
+// window.Pusher = require('pusher-js');
+
+// window.Echo = new Echo({
+//     broadcaster: 'pusher',
+//     key: process.env.MIX_PUSHER_APP_KEY,
+//     cluster: process.env.MIX_PUSHER_APP_CLUSTER,
+//     forceTLS: true
+// });