diff --git a/packages/app/src/pages/post/[post_id].jsx b/packages/app/src/pages/post/[post_id].jsx
new file mode 100644
index 00000000..574b5844
--- /dev/null
+++ b/packages/app/src/pages/post/[post_id].jsx
@@ -0,0 +1,33 @@
+import React from "react"
+import * as antd from "antd"
+
+import { PostCard } from "components"
+
+import "./index.less"
+
+export default (props) => {
+    const [data, setData] = React.useState(null)
+    const post_id = props.match.params.post_id
+
+    const loadData = async () => {
+        setData(null)
+
+        const data = await window.app.api.request("main", "get", `post`, undefined, {
+            post_id
+        })
+
+        setData(data)
+    }
+
+    React.useEffect(() => {
+        loadData()
+    }, [])
+
+    if (!data) {
+        return <antd.Skeleton active />
+    }
+
+    return <div className="fullPost">
+        <PostCard data={data} fullmode />
+    </div>
+}
\ No newline at end of file
diff --git a/packages/app/src/pages/post/index.less b/packages/app/src/pages/post/index.less
new file mode 100644
index 00000000..0144a7ed
--- /dev/null
+++ b/packages/app/src/pages/post/index.less
@@ -0,0 +1,3 @@
+.fullPost {
+    display: flex;
+}
\ No newline at end of file