feat: install and configure Inertia.js with React

- Install inertia-laravel, @inertiajs/react, react, @vitejs/plugin-react - Add HandleInertiaRequests middleware registered in web group - Create Inertia root template (resources/views/app.blade.php) - Add React entry point and page components (resources/js/) - Add Inertia demo route (/inertia-test) - HomeController reverted to Blade (index page stays original) - Remove inertia-test2 test route
2026-05-25 15:15:14 +02:00
parent 4ce68720bb
commit 943d5bfc38
59 changed files with 1382 additions and 293 deletions
@@ -0,0 +1,31 @@
+import { Head } from '@inertiajs/react'
+
+export default function Home({ auth, hotelName }) {
+  return (
+    <>
+      <Head title="Home" />
+      <div className="col-span-12">
+        <div className="bg-white dark:bg-gray-900 rounded-xl shadow-sm p-8 text-center">
+          <h1 className="text-4xl font-bold mb-4" style={{ color: 'var(--color-text)' }}>
+            Welkom bij {hotelName}
+          </h1>
+          <p className="text-lg" style={{ color: 'var(--color-text-muted)' }}>
+            Dit is een Inertia.js pagina — zelfde layout, zelfde Tailwind, zelfde stijlen.
+          </p>
+          <div className="mt-8 flex justify-center gap-4">
+            <a
+              href="/"
+              className="px-6 py-3 rounded-xl font-semibold transition-all duration-200 hover:scale-105"
+              style={{
+                backgroundColor: 'var(--color-primary)',
+                color: 'var(--button-text-color)',
+              }}
+            >
+              Naar huis
+            </a>
+          </div>
+        </div>
+      </div>
+    </>
+  )
+}