diff --git a/src/app/dev/katalog/portofolio/create/layout.tsx b/src/app/dev/katalog/portofolio/create/layout.tsx
new file mode 100644
index 00000000..42df5deb
--- /dev/null
+++ b/src/app/dev/katalog/portofolio/create/layout.tsx
@@ -0,0 +1,8 @@
+import { PortofolioLayout } from "@/app_modules/katalog/portofolio";
+import React from "react";
+
+export default async function Layout({children}: {children: React.ReactNode}) {
+    return<>
+    <PortofolioLayout>{children}</PortofolioLayout>
+    </>
+}
\ No newline at end of file
diff --git a/src/app/dev/katalog/portofolio/create/page.tsx b/src/app/dev/katalog/portofolio/create/page.tsx
new file mode 100644
index 00000000..a8badd70
--- /dev/null
+++ b/src/app/dev/katalog/portofolio/create/page.tsx
@@ -0,0 +1,17 @@
+import { myConsole } from "@/app/fun/my_console";
+import { CreatePortofolio } from "@/app_modules/katalog/portofolio";
+import { getBidangBisnis } from "@/app_modules/katalog/portofolio/api/get-bidang-bisnis";
+import { getProfile } from "@/app_modules/katalog/profile";
+
+export default async function Page() {
+  const bidangBisnis = await getBidangBisnis();
+  const id = await getProfile();
+  const profileId = id?.id;
+
+  return (
+    <>
+    {JSON.stringify(profileId)}
+      <CreatePortofolio data={bidangBisnis} profileId={profileId} />
+    </>
+  );
+}