diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000..35412482
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,4 @@
+{
+    "WillLuke.nextjs.addTypesOnSave": true,
+    "WillLuke.nextjs.hasPrompted": true
+}
\ No newline at end of file
diff --git a/src/app/makuro/_server/makuro_test.ts b/src/app/makuro/_server/makuro_test.ts
new file mode 100644
index 00000000..4f5b3010
--- /dev/null
+++ b/src/app/makuro/_server/makuro_test.ts
@@ -0,0 +1,4 @@
+'use server'
+export default async function makuro_test() {
+    console.log("ini diserver")
+}
\ No newline at end of file
diff --git a/src/app/makuro/_server/makuro_view.tsx b/src/app/makuro/_server/makuro_view.tsx
new file mode 100644
index 00000000..e9b5b28a
--- /dev/null
+++ b/src/app/makuro/_server/makuro_view.tsx
@@ -0,0 +1,10 @@
+import { test_server } from "@/app_modules/investasi/edit_intro/_makuro/test_server";
+import { Button } from "@mantine/core";
+
+export default function ViewMakuro() {
+    return <>
+        <Button
+            onClick={test_server}
+        >Tekan Aja</Button>
+    </>
+}
\ No newline at end of file
diff --git a/src/app/makuro/page.tsx b/src/app/makuro/page.tsx
new file mode 100644
index 00000000..f6fb9158
--- /dev/null
+++ b/src/app/makuro/page.tsx
@@ -0,0 +1,9 @@
+import { Text } from "@mantine/core";
+import ViewMakuro from "./_server/makuro_view";
+
+export default function Page() {
+    return <>
+        <Text>Ini Makuro</Text>
+        <ViewMakuro />
+    </>
+}
\ No newline at end of file