diff --git a/resources/js/app.jsx b/resources/js/app.jsx
new file mode 100644
index 0000000..012cf45
--- /dev/null
+++ b/resources/js/app.jsx
@@ -0,0 +1,21 @@
+import "./bootstrap";
+import "../css/app.css";
+import { createRoot } from "react-dom/client";
+import { createInertiaApp } from "@inertiajs/react";
+import { resolvePageComponent } from "laravel-vite-plugin/inertia-helpers";
+
+createInertiaApp({
+ title: (title) => `${title} - Perpustakaanku`,
+ resolve: (name) =>
+ resolvePageComponent(
+ `./Pages/${name}.jsx`,
+ import.meta.glob("./Pages/**/*.jsx"),
+ ),
+ setup({ el, App, props }) {
+ const root = createRoot(el);
+ root.render();
+ },
+ progress: {
+ color: "#4F46E5",
+ },
+});
diff --git a/resources/views/app.blade.php b/resources/views/app.blade.php
new file mode 100644
index 0000000..e6fcdd6
--- /dev/null
+++ b/resources/views/app.blade.php
@@ -0,0 +1,14 @@
+
+
+
+
+
+ Perpustakaanku
+ @viteReactRefresh
+ @vite(['resources/css/app.css', 'resources/js/app.jsx'])
+ @inertiaHead
+
+
+ @inertia
+
+