diff --git a/nginx/vue/public/img/stamps/azudio.gif b/nginx/vue/public/img/stamps/azudio.gif
new file mode 100644
index 0000000..e4e82a7
Binary files /dev/null and b/nginx/vue/public/img/stamps/azudio.gif differ
diff --git a/nginx/vue/public/img/stamps/miku.gif b/nginx/vue/public/img/stamps/miku.gif
new file mode 100644
index 0000000..5c8043c
Binary files /dev/null and b/nginx/vue/public/img/stamps/miku.gif differ
diff --git a/nginx/vue/public/img/stamps/portal.gif b/nginx/vue/public/img/stamps/portal.gif
new file mode 100644
index 0000000..cb49638
Binary files /dev/null and b/nginx/vue/public/img/stamps/portal.gif differ
diff --git a/nginx/vue/public/img/stamps/utau.gif b/nginx/vue/public/img/stamps/utau.gif
new file mode 100644
index 0000000..4c5906c
Binary files /dev/null and b/nginx/vue/public/img/stamps/utau.gif differ
diff --git a/nginx/vue/src/components/admin/CreatePost.vue b/nginx/vue/src/components/admin/CreatePost.vue
new file mode 100644
index 0000000..b9170a5
--- /dev/null
+++ b/nginx/vue/src/components/admin/CreatePost.vue
@@ -0,0 +1,32 @@
+<script setup>
+import { ref, onMounted, computed } from "vue";
+import axios from "axios";
+import { useAuthStore } from "@/stores/auth";
+
+const auth = useAuthStore();
+const title = ref("");
+const content = ref("");
+
+async function post() {
+    try {
+        const res = await axios.post("/api/posts", {
+            title: title.value,
+            content: content.value,
+        });
+        title.value = "";
+        content.value = "";
+        console.log(res.data);
+    } catch (err) {
+        console.error(err);
+    }
+}
+</script>
+
+<template>
+    <div v-if="auth.loggedIn">
+        <h1>Create Post</h1>
+        <input type="text" v-model="title" placeholder="Title" />
+        <textarea v-model="content" placeholder="Content"></textarea>
+        <button @click="post">Upload</button>
+    </div>
+</template>