diff --git a/apps/web/src/app/main/my-path/components/MyPathListContainer.tsx b/apps/web/src/app/main/my-path/components/MyPathListContainer.tsx
new file mode 100644
index 0000000..dad21c9
--- /dev/null
+++ b/apps/web/src/app/main/my-path/components/MyPathListContainer.tsx
@@ -0,0 +1,29 @@
+import PostList from "@web/src/components/models/course/list/PostList";
+import { useAuth } from "@web/src/providers/auth-provider";
+
+import CourseCard from "../../courses/components/CourseCard";
+import { PostType } from "@nice/common";
+import { useMainContext } from "../../layout/MainProvider";
+
+export default function MyPathListContainer() {
+	const { user } = useAuth();
+	const { searchCondition, termsCondition } = useMainContext();
+	return (
+		<>
+			<PostList
+				renderItem={(post) => (
+					<Card edit course={post}></Card>
+				)}
+				params={{
+					pageSize: 12,
+					where: {
+						type: PostType.COURSE,
+						authorId: user.id,
+						...termsCondition,
+						...searchCondition,
+					},
+				}}
+				cols={4}></PostList>
+		</>
+	);
+}