diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index 71e03a9..39dd88e 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -85,7 +85,7 @@
                          :creator-logo="creatorLogo"
                          iconColorClass="text-black"
         ></donation-button>
-        
+
       </div>
 
       <div :class="{'hidden': !messagesVisible}">
@@ -94,11 +94,12 @@
             :subject-id="props.content.id"
             :messages="messages"
         ></message-list>
-
       </div>
 
       <div class="py-2">
-        <post-message :subject-id="props.content.id" @message-posted="addMessage"></post-message>
+        <post-message :subject-id="props.content.id"
+                      @message-posted="addMessage"
+        ></post-message>
       </div>
     </div>
   </div>
@@ -121,7 +122,7 @@ const props = defineProps({
   }
 });
 
-const emits = defineEmits(['content:deleted'])
+const emits = defineEmits(['content-deleted'])
 
 const contentId = computed(() => props.content.id)
 const creatorId = computed(() => props.content.createdBy)
@@ -167,8 +168,8 @@ function editContent() {
 async function deleteContent() {
   const client = useClient()
   const response = await client.delete(`/api/contents/${contentId.value}`)
-  if (response.status >= 200 && response.status < 300){
-    emits('content:deleted', contentId.value)
+  if (response.status >= 200 && response.status < 300) {
+    emits('content-deleted', contentId.value)
   }
 }
 
diff --git a/src/views/contents/ContentList.vue b/src/views/contents/ContentList.vue
index d282efb..86a3ff2 100644
--- a/src/views/contents/ContentList.vue
+++ b/src/views/contents/ContentList.vue
@@ -6,7 +6,7 @@
     <template v-for="content in contents" :key="content">
       <content-card :content="content"
                     class="my-1"
-                    @content:deleted="onContentDeleted"
+                    @content-deleted="onContentDeleted"
       ></content-card>
     </template>
 
@@ -32,12 +32,15 @@ const props = defineProps({
   creatorId: {
     type: String,
     required: true
-  }
+  },
+  contents: {
+    type: Array,
+    default: () => [],
+  },
 });
 
 const client = useClient()
-const contents = ref([])
-const page_size = 10
+const contents = ref(props.contents)
 const errorMessage = ref()
 let last_id = null
 
@@ -60,7 +63,9 @@ const creatorIdWatcher = watch(
       }
     })
 
-async function fetchContents({done}) {
+async function fetchContents({done, page_size = 10}) {
+  if (props.creatorId == null) return
+  
   try {
     let uri = `/api/contents/creator/${props.creatorId}?page_size=${page_size}`
     if (last_id !== null) uri = uri + `&last_id=${last_id}`
@@ -84,7 +89,7 @@ async function fetchContents({done}) {
     }
   } catch (error) {
     console.error("Failed to fetch posts", error);
-    errorMessage.value = error
+    errorMessage.value = error.message || "Failed to fetch contents";
     done('error')
   }
 }
diff --git a/src/views/contents/PublishContentButton.vue b/src/views/contents/PublishContentButton.vue
index 01c771e..fb315d1 100644
--- a/src/views/contents/PublishContentButton.vue
+++ b/src/views/contents/PublishContentButton.vue
@@ -8,6 +8,8 @@ const props = defineProps({
   creator: {type: Object, required: true},
 });
 
+const emits = defineEmits(['content-posted'])
+
 const userStore = useUserStore();
 
 const isDialogActive = ref(false);
@@ -28,15 +30,17 @@ async function publishPost() {
   });
 
   try {
-    await client.post(
+    const content = await client.post(
         `/api/contents/`,
         formData,
         {
           headers: {
             'Content-Type': 'multipart/form-data',
           }
-        }
-    );
+        })
+
+    emits('content-posted', content.data)
+    
     closeDialog();
   } catch (error) {
     console.error(error);
@@ -69,7 +73,7 @@ const closeDialog = () => {
               :style="{ 
                 border: `3px solid ${creator.colors.menu}` 
               }">
-        
+
         <div class="py-4 text-2xl font-bold  border-b mb-2">
           Quicky
         </div>
@@ -116,14 +120,13 @@ const closeDialog = () => {
                         multiple
                         dropzone
                         prepend-icon=""
-                        placeholder="Glissez et déposez des fichiers ici ou cliquez pour sélectionner des fichiers"                        
-          ></v-file-input>      
+                        placeholder="Glissez et déposez des fichiers ici ou cliquez pour sélectionner des fichiers"
+          ></v-file-input>
 
-          <v-btn variant="outlined" :style="{ borderColor: creator.colors.menu, color: creator.colors.menu }" @click="publishPost" class="w-full">
+          <v-btn variant="outlined" :style="{ borderColor: creator.colors.menu, color: creator.colors.menu }"
+                 @click="publishPost" class="w-full">
             Publier
           </v-btn>
-          
-          
 
 
         </v-card-text>
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 9edccdc..a92884a 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -38,7 +38,7 @@
       <div class="flex flex-col items-center lg:flex-row lg:items-center lg:justify-between">
         <!-- Profile Image Wrapper -->
         <div class="relative flex justify-center lg:w-auto lg:justify-start">
-          
+
           <!-- Profile Image -->
           <div class="absolute lg:ml-72 transform -translate-y-1/2 lg:-translate-y-1/2 z-20">
             <img
@@ -77,9 +77,17 @@
         </div>
         <!-- Buttons -->
         <div class="flex flex-wrap items-center  mt-2 sm:mt-8 md:mt-4 lg:mt-0 lg:ml-auto space-x-2 sm:space-x-4">
-          <publish-content-button :creator="creator"></publish-content-button>
-          <div class="text-white text-2xl">{{ creator.about.title }}</div>
-          <creator-about :creator="creator"></creator-about>
+
+          <publish-content-button :creator="creator"
+                                  @content-posted="addContent"
+          ></publish-content-button>
+
+          <div class="text-white text-2xl">
+            {{ creator.about.title }}
+          </div>
+          
+          <creator-about :creator="creator"
+          ></creator-about>
         </div>
       </div>
     </div>
@@ -96,6 +104,12 @@ const props = defineProps({
   creator: {type: Object, required: true},
 });
 
+const emits = defineEmits(['content-posted'])
+
+function addContent(content) {
+  emits('content-posted', content)
+}
+
 function GetSocialsUrls() {
 
   const socials = [];
diff --git a/src/views/creators/CreatorPage.vue b/src/views/creators/CreatorPage.vue
index eb082ac..a6e1d0a 100644
--- a/src/views/creators/CreatorPage.vue
+++ b/src/views/creators/CreatorPage.vue
@@ -1,12 +1,15 @@
 <template>
   <div v-if="creator && creator.id">
 
-    <creator-banner :creator="creator"></creator-banner>
+    <creator-banner :creator="creator"
+                    @content-posted="contentPosted"
+    ></creator-banner>
 
     <div class="max-w-[800px] mx-auto flex flex-row justify-center ">
       <div class="w-full h-full mx-1">
-        <content-list :creator-id="creator.id">
-        </content-list>
+        <content-list :creator-id="creator.id"
+                      :contents="contents"
+        ></content-list>
       </div>
     </div>
   </div>
@@ -34,11 +37,16 @@ import {useClient} from "@/plugins/api.js";
 import CreatorBanner from "@/views/creators/CreatorBanner.vue";
 import ContentList from "@/views/contents/ContentList.vue";
 
-const client = useClient();
-const route = useRoute();
+const creator = ref(null)
+const loading = ref(true)
+const contents = ref([])
 
-const creator = ref(null);
-const loading = ref(true);
+const client = useClient()
+const route = useRoute()
+
+function contentPosted(content) {
+  contents.value.unshift(content)
+}
 
 onBeforeMount(async () => await fetchCreatorData(route.params.creator))
 
diff --git a/src/views/messages/MessageList.vue b/src/views/messages/MessageList.vue
index 5ac8bc5..556e51f 100644
--- a/src/views/messages/MessageList.vue
+++ b/src/views/messages/MessageList.vue
@@ -1,12 +1,14 @@
 <template>
   <v-infinite-scroll
       :items="messages"
-      :onLoad="load"
+      :onLoad="fetchMessages"
       mode="manual"
       class="justify-items-center"
   >
-    <template v-for="(message, index) in messages" :key="index">
-      <message :message="message" class="border-b"></message>
+    <template v-for="message in messages" :key="message">
+      <message :message="message"
+               class="border-b"
+      ></message>
     </template>
 
     <template v-slot:load-more="{ props }">
@@ -26,8 +28,8 @@
 </template>
 
 <script setup>
-import { ref, onBeforeMount } from 'vue';
-import { useClient } from '@/plugins/api.js';
+import {ref, onBeforeMount} from 'vue';
+import {useClient} from '@/plugins/api.js';
 import Message from "@/views/messages/Message.vue";
 
 const props = defineProps({
@@ -48,14 +50,15 @@ const messages = ref(props.messages);
 
 onBeforeMount(async () => {
   if (props.subjectId == null) return;
-  await load({
+  await fetchMessages({
     page_size: 2,
-    done: function (status) {},
+    done: function (status) {
+    },
   });
 });
 
-async function load({ done, page_size = 10 }) {
-  if (props.subjectId == null) return;
+async function fetchMessages({done, page_size = 10}) {
+  if (props.subjectId == null) return
 
   try {
     let uri = `/api/messages/${props.subjectId}?page_size=${page_size}`;
diff --git a/src/views/messages/PostMessage.vue b/src/views/messages/PostMessage.vue
index 5965848..9b5a691 100644
--- a/src/views/messages/PostMessage.vue
+++ b/src/views/messages/PostMessage.vue
@@ -52,13 +52,12 @@
 </template>
 
 <script setup>
-import {ref} from 'vue';
-import {v7} from 'uuid';
-import {useRouter} from "vue-router";
-import {useClient} from '@/plugins/api.js';
-import {useUserStore} from "@/stores/userStore.js";
-import {useAuthStore} from "@/stores/authStore.js";
-import LoginForm from "@/views/main/LoginForm.vue";
+import {ref} from 'vue'
+import {v7} from 'uuid'
+import {useClient} from '@/plugins/api.js'
+import {useUserStore} from "@/stores/userStore.js"
+import {useAuthStore} from "@/stores/authStore.js"
+import LoginForm from "@/views/main/LoginForm.vue"
 
 const closeModal = () => {
   loginModal.value = false;
@@ -71,12 +70,11 @@ const props = defineProps({
   }
 });
 
-const emit = defineEmits(['message-posted'])
+const emits = defineEmits(['message-posted'])
 
 const loginModal = ref(false);
 const client = useClient()
 const value = ref("")
-const router = useRouter()
 const userStore = useUserStore()
 const authStore = useAuthStore()
 
@@ -91,7 +89,7 @@ const publish = async () => {
         "subjectId": props.subjectId,
         "message": value.value
       })
-      emit('message-posted', {
+      emits('message-posted', {
         "id": messageId,
         "subjectId": props.subjectId,
         "createdBy": userStore.user.id,