diff --git a/src/app/feed/pages/HomePage.tsx b/src/app/feed/pages/HomePage.tsx
index 73b6d84..7da64a7 100644
--- a/src/app/feed/pages/HomePage.tsx
+++ b/src/app/feed/pages/HomePage.tsx
@@ -5,8 +5,6 @@ import { useUser } from '../../user/user.ts'
 import { MediaService } from '../../media/mediaService.ts'
 import NewPostWidget from '../../../components/NewPostWidget.tsx'
 import { useFeedViewModel } from '../components/FeedView.ts'
-import { Post } from '../posts/posts.ts'
-import { Temporal } from '@js-temporal/polyfill'
 import SingleColumnLayout from '../../../layouts/SingleColumnLayout.tsx'
 import NavBar from '../../../components/NavBar.tsx'
 import AuthNavButtons from '../../auth/components/AuthNavButtons.tsx'
@@ -52,8 +50,7 @@ export default function HomePage({ postsService, mediaService }: HomePageProps)
             }
           }),
         )
-        const postId = await postsService.createNew(user.id, content, media, isPublic)
-        const post = new Post(postId, content, media, Temporal.Now.instant(), user.username)
+        const post = await postsService.createNew(user.id, content, media, isPublic)
         setPages((pages) => [[post], ...pages])
       } catch (error) {
         console.error('Failed to create post:', error)
diff --git a/src/app/feed/posts/postsService.ts b/src/app/feed/posts/postsService.ts
index 6eaf4cc..51ff408 100644
--- a/src/app/feed/posts/postsService.ts
+++ b/src/app/feed/posts/postsService.ts
@@ -9,7 +9,7 @@ export class PostsService {
     content: string,
     media: CreatePostMedia[],
     isPublic: boolean,
-  ): Promise<string> {
+  ): Promise<Post> {
     const response = await this.client.POST('/posts', {
       body: {
         authorId,
@@ -26,7 +26,7 @@ export class PostsService {
       throw new Error('Failed to create post')
     }
 
-    return response.data.postId
+    return Post.fromDto(response.data.post)
   }
 
   async loadPublicFeed(cursor: string | null, amount: number | null): Promise<Post[]> {