diff --git a/backend/composer.json b/backend/composer.json
index 510bf43..3b9808d 100644
--- a/backend/composer.json
+++ b/backend/composer.json
@@ -32,7 +32,8 @@
   },
   "autoload": {
     "psr-4": {
-      "modules\\": "modules/"
+      "modules\\": "modules/",
+      "backend\\": "."
     }
   },
   "config": {
diff --git a/backend/config/app.php b/backend/config/app.php
index 385f401..3047579 100644
--- a/backend/config/app.php
+++ b/backend/config/app.php
@@ -24,4 +24,8 @@
 
 return [
     'id' => App::env('CRAFT_APP_ID') ?: 'CraftCMS',
+    'modules' => [
+        'authorinfo' => modules\authorinfo\Module::class,
+    ],
+    'bootstrap' => ['authorinfo'],
 ];
diff --git a/backend/modules/authorinfo/Module.php b/backend/modules/authorinfo/Module.php
new file mode 100644
index 0000000..5431d36
--- /dev/null
+++ b/backend/modules/authorinfo/Module.php
@@ -0,0 +1,100 @@
+<?php
+namespace modules\authorinfo;
+
+use Craft;
+use craft\elements\User;
+use craft\events\DefineGqlTypeFieldsEvent;
+use craft\gql\TypeManager;
+use GraphQL\Type\Definition\Type;
+use yii\base\Event;
+
+class Module extends \yii\base\Module
+{
+    public static $instance;
+    
+    /**
+     * Cache for the admin user to avoid multiple queries
+     */
+    private ?User $adminUser = null;
+    
+    public function init()
+    {
+        parent::init();
+        self::$instance = $this;
+        
+        Event::on(
+            TypeManager::class,
+            TypeManager::EVENT_DEFINE_GQL_TYPE_FIELDS,
+            [$this, 'handleDefineGqlTypeFields']
+        );
+    }
+
+    /**
+     * Get the admin user, caching the result
+     */
+    private function getAdminUser(): ?User
+    {
+        if ($this->adminUser === null) {
+            $this->adminUser = User::find()
+                ->admin(true)
+                ->status(null)
+                ->orderBy(['elements.id' => SORT_ASC])
+                ->one();
+
+            if ($this->adminUser) {
+                Craft::info(
+                    "Found admin user: ID: {$this->adminUser->id}, Name: {$this->adminUser->fullName}",
+                    __METHOD__
+                );
+            } else {
+                Craft::warning('No admin user found', __METHOD__);
+            }
+        }
+
+        return $this->adminUser;
+    }
+
+    /**
+     * Handle the DefineGqlTypeFields event
+     */
+    public function handleDefineGqlTypeFields(DefineGqlTypeFieldsEvent $event): void
+    {
+        if ($event->typeName !== 'EntryInterface') {
+            return;
+        }
+
+        $event->fields['authorId'] = [
+            'name' => 'authorId',
+            'type' => Type::int(),
+            'description' => 'The entry author\'s ID',
+            'resolve' => function($source) {
+                try {
+                    if ($source->getSection()->type === 'single') {
+                        return $this->getAdminUser()?->id;
+                    }
+                    return $source->authorId;
+                } catch (\Throwable $e) {
+                    Craft::error("Error resolving authorId: {$e->getMessage()}", __METHOD__);
+                    return null;
+                }
+            }
+        ];
+
+        $event->fields['authorName'] = [
+            'name' => 'authorName',
+            'type' => Type::string(),
+            'description' => 'The entry author\'s name',
+            'resolve' => function($source) {
+                try {
+                    if ($source->getSection()->type === 'single') {
+                        return $this->getAdminUser()?->fullName;
+                    }
+                    return $source->getAuthor()?->fullName;
+                } catch (\Throwable $e) {
+                    Craft::error("Error resolving authorName: {$e->getMessage()}", __METHOD__);
+                    return null;
+                }
+            }
+        ];
+    }
+}
diff --git a/frontend/app.vue b/frontend/app.vue
index 38c2695..82edc16 100644
--- a/frontend/app.vue
+++ b/frontend/app.vue
@@ -8,7 +8,6 @@ const graphql = useGraphQL()
 const { data: globalsData } = await useAsyncData('globals', async () => {
   try {
     const result = await graphql.query(GLOBALS_QUERY)
-    console.log('GraphQL result:', result) // Debug log
     return {
       global: result?.globalEntries?.[0] || {},
       pages: result?.pagesEntries || []
diff --git a/frontend/components/alert.vue b/frontend/components/alert.vue
index 7a08526..b4205a5 100644
--- a/frontend/components/alert.vue
+++ b/frontend/components/alert.vue
@@ -14,7 +14,7 @@
   <div 
     v-if="flashes.length > 0" 
     role="alert"
-    class="sticky top-0 left-0 right-0 z-50"
+    class="absolute top-0 left-0 right-0 z-50"
   >
     <p 
       v-for="flash in flashes" 
diff --git a/frontend/components/navigation.vue b/frontend/components/navigation.vue
index 5a6f650..8c229df 100644
--- a/frontend/components/navigation.vue
+++ b/frontend/components/navigation.vue
@@ -32,10 +32,10 @@ defineProps({
       </li>
       <li v-for="page in pages" :key="page.id">
         <NuxtLink 
-          :to="page.uri" 
+          :to="`/${page.uri}`" 
           class="block p-2 hover:underline text-red-600 hover:text-red-600"
           active-class="text-red-600"
-          :aria-current="$route.path === page.uri ? 'page' : null"
+          :aria-current="$route.path === `/${page.uri}` ? 'page' : null"
         >
           {{ page.title }}
         </NuxtLink>
diff --git a/frontend/components/postForm.vue b/frontend/components/postForm.vue
index c2fc434..5b29ea5 100644
--- a/frontend/components/postForm.vue
+++ b/frontend/components/postForm.vue
@@ -8,7 +8,6 @@ const config = useRuntimeConfig()
 const graphql = useGraphQL()
 const { addFlash } = useFlashes()
 const message = ref('')
-const authorId = ref(config.public.ADMIN_USER_ID)
 const loading = ref(false)
 
 const emit = defineEmits(['post-submitted'])
@@ -18,6 +17,13 @@ const generateTitle = (text) => {
   return `Post: ${words}${words ? '...' : ''}`
 }
 
+const props = defineProps({
+  authorId: {
+    type: Number,
+    required: true
+  }
+})
+
 const title = computed(() => generateTitle(message.value))
 
 const submitPost = async () => {
@@ -27,15 +33,23 @@ const submitPost = async () => {
   }
   loading.value = true
   try {
+    console.log('Submitting with:', {
+      title: title.value,
+      message: message.value,
+      authorId: props.authorId
+    })
+
     const result = await graphql.query(CREATE_POST_MUTATION, {
       title: title.value,
       message: message.value,
-      authorId: authorId.value
+      authorId: props.authorId.toString()
     }, {
       private: true
     })
 
-    if (!result?.save_posts_text_Entry) {
+    console.log('Mutation result:', result)
+
+    if (!result?.save_guestbookPosts_text_Entry) {
       throw new Error('No data returned from the mutation')
     }
 
@@ -43,8 +57,8 @@ const submitPost = async () => {
     message.value = ''
     emit('post-submitted')
   } catch (err) {
-    addFlash('Error posting message', 'error')
-    console.error('Error creating post:', err.message)
+    addFlash(`Error posting message: ${err.message}`, 'error')
+    console.error('Error creating post:', err)
   } finally {
     loading.value = false
   }
diff --git a/frontend/components/postList.vue b/frontend/components/postList.vue
new file mode 100644
index 0000000..c0b5e9c
--- /dev/null
+++ b/frontend/components/postList.vue
@@ -0,0 +1,77 @@
+<script setup>
+import { useGraphQL } from '@/composables/useGraphQL'
+import { usePaginatedData } from '@/composables/usePaginatedData'
+import { GUESTBOOK_POSTS_QUERY } from '@/queries/guestbookPosts.mjs'
+
+const props = defineProps({
+  previewToken: {
+    type: String,
+    default: null
+  }
+})
+
+const fetchPosts = async (page, perPage) => {
+  try {
+    const result = await useGraphQL().query(GUESTBOOK_POSTS_QUERY, {
+      limit: perPage,
+      offset: (page - 1) * perPage
+    }, {
+      previewToken: props.previewToken
+    })
+    
+    return {
+      posts: result?.guestbookPostsEntries || [],
+      total: result?.entryCount || 0
+    }
+  } catch (err) {
+    console.error('GraphQL Error:', err)
+    throw err
+  }
+}
+
+const {
+  currentPage,
+  data,
+  totalPages,
+  error,
+  loading,
+  updateCurrentPage,
+  refresh
+} = usePaginatedData(fetchPosts)
+
+defineExpose({
+  refresh
+})
+</script>
+
+<template>
+  <div v-if="loading" class="py-4">
+    Loading...
+  </div>
+  
+  <div v-else-if="error" class="py-4 text-red-600">
+    {{ error.message }}
+  </div>
+  
+  <div v-else>
+    <div v-if="data?.posts?.length > 0">
+      <ol class="mb-2 divide-y divide-slate-300">
+        <li v-for="post in data.posts" :key="post.id">
+          <article class="text-xl py-6">
+            <div v-html="post.textBlock"></div>
+            <p class="text-sm mt-1">
+              <time :datetime="post.postDate">{{ post.postDate }}</time>
+            </p>
+          </article>
+        </li>
+      </ol>
+      <Pagination
+        v-if="totalPages > 1"
+        :currentPage="currentPage"
+        :totalPages="totalPages"
+        @update:currentPage="updateCurrentPage"
+      />
+    </div>
+    <p v-else class="text-2xl">No entries yet. Create one using the form.</p>
+  </div>
+</template>
\ No newline at end of file
diff --git a/frontend/composables/usePaginatedData.js b/frontend/composables/usePaginatedData.js
index 6fae750..bedb313 100644
--- a/frontend/composables/usePaginatedData.js
+++ b/frontend/composables/usePaginatedData.js
@@ -38,6 +38,19 @@ export function usePaginatedData(fetchData, initialItemsPerPage = 3) {
     }
   }
 
+  const refresh = async () => {
+    loading.value = true
+    try {
+      const newData = await fetchData(currentPage.value, itemsPerPage.value)
+      data.value = newData
+    } catch (err) {
+      error.value = err
+      console.error('Error refreshing data:', err)
+    } finally {
+      loading.value = false
+    }
+  }
+
   watch(() => route.query.page, async (newPage) => {
     const page = parseInt(newPage) || 1
     if (page !== currentPage.value) {
@@ -57,6 +70,7 @@ export function usePaginatedData(fetchData, initialItemsPerPage = 3) {
     loading,
     error,
     updateCurrentPage,
-    fetchPageData
+    fetchPageData,
+    refresh
   }
 }
\ No newline at end of file
diff --git a/frontend/nuxt.config.js b/frontend/nuxt.config.js
index 1533b11..5d27363 100644
--- a/frontend/nuxt.config.js
+++ b/frontend/nuxt.config.js
@@ -23,8 +23,7 @@ export default defineNuxtConfig({
       AUTH_HEADER: process.env.AUTH_HEADER,
       CRAFT_URL: process.env.CRAFT_URL,
       BASE_URL: process.env.BASE_URL,
-      SITE_NAME: process.env.SITE_NAME,
-      ADMIN_USER_ID: process.env.ADMIN_USER_ID
+      SITE_NAME: process.env.SITE_NAME
     }
   },
   vite: {
diff --git a/frontend/pages/blog/[slug].vue b/frontend/pages/blog/[slug].vue
index a53444e..77c5968 100644
--- a/frontend/pages/blog/[slug].vue
+++ b/frontend/pages/blog/[slug].vue
@@ -102,6 +102,9 @@ useHead(() => ({
             <time v-if="currentPost.postDate" :datetime="currentPost.postDate">
               {{ currentPost.postDate }}
               </time>
+              <span v-if="currentPost.authorName" class="block">
+                By {{ currentPost.authorName }}
+              </span>
             </p>
           </div>
         </div>
diff --git a/frontend/pages/guestbook.vue b/frontend/pages/guestbook.vue
index ca0897a..4250d43 100644
--- a/frontend/pages/guestbook.vue
+++ b/frontend/pages/guestbook.vue
@@ -1,11 +1,13 @@
 <script setup>
 import { useGraphQL } from '@/composables/useGraphQL'
 import { usePreview } from '@/composables/usePreview'
-import { usePaginatedData } from '@/composables/usePaginatedData'
 import { GUESTBOOK_QUERY } from '@/queries/guestbook.mjs'
-import { computed } from 'vue'
+import { computed, ref } from 'vue'
 import { useHead } from '#imports'
+import PostList from '@/components/postList.vue'
+import PostForm from '@/components/postForm.vue'
 
+// Composables
 const graphql = useGraphQL()
 const { isPreview, previewToken } = usePreview()
 
@@ -14,121 +16,99 @@ if (isPreview.value) {
   definePageMeta({ ssr: false })
 }
 
-const fetchGuestbookData = async (page, perPage) => {
+// Data fetching
+const loading = ref(false)
+const error = ref(null)
+const content = ref({})
+
+const fetchGuestbookData = async () => {
+  loading.value = true
+  error.value = null
   try {
-    console.log('Fetching with params:', { page, perPage })
-    
-    const result = await graphql.query(GUESTBOOK_QUERY, {
-      limit: perPage,
-      offset: (page - 1) * perPage
-    }, {
+    const result = await graphql.query(GUESTBOOK_QUERY, {}, {
       previewToken: previewToken.value
     })
     
-    console.log('Raw GraphQL Response:', result)
-    
-    const processedData = {
-      content: result?.guestbookEntries?.[0] || {},
-      posts: result?.guestbookPostsEntries || [],
-      total: result?.entryCount || 0
-    }
-    
-    console.log('Processed Data:', processedData)
-    
-    return processedData
+    content.value = result?.guestbookEntries?.[0] || {}
   } catch (err) {
-    console.error('GraphQL Error:', err)
-    throw err
+    error.value = new Error(`Failed to fetch guestbook data: ${err.message}`)
+  } finally {
+    loading.value = false
   }
 }
 
-const {
-  currentPage,
-  data,
-  totalPages,
-  error,
-  loading,
-  updateCurrentPage,
-  fetchPageData
-} = usePaginatedData(fetchGuestbookData)
-
-onMounted(() => {
-  fetchPageData(1)
-})
-
-watch(data, (newData) => {
-  console.log('Watch Data:', newData)
-}, { immediate: true })
-
-const content = computed(() => data.value?.content || {})
-const posts = computed(() => data.value?.posts || [])
-
+// Post list refresh handling
+const postListRef = ref(null)
 const handleNewPost = async () => {
-  if (currentPage.value === 1) {
-    // Just refresh the current page
-    await fetchGuestbookData(1, 3)
-  } else {
-    // Go back to page 1
-    updateCurrentPage(1)
+  if (postListRef.value) {
+    await postListRef.value.refresh()
   }
 }
 
-// Set the page title
+// Initial data fetch
+onMounted(() => {
+  fetchGuestbookData()
+})
+
+// Page title
 useHead(() => ({
-  title: content.value?.title || ''
+  title: content.value?.title || 'Guestbook'
 }))
 </script>
 
 <template>
   <div>
+    <!-- Loading state -->
     <div v-if="loading" class="container mx-auto py-12 px-2">
       Loading...
     </div>
     
+    <!-- Error state -->
     <div v-else-if="error" class="container mx-auto py-12 px-2 text-red-600">
       {{ error.message }}
     </div>
     
+    <!-- Content -->
     <template v-else>
-      <header class="container mx-auto pt-12 pb-6 px-2 text-2xl">
-        <h1 class="font-bold text-4xl sm:text-6xl lg:text-9xl">{{ content.title }}</h1>
-        <p v-if="content.pageSubheading" class="mt-4">{{ content.pageSubheading }}</p>
+      <header class="container mx-auto pt-12 pb-6 px-2">
+        <h1 class="font-bold text-4xl sm:text-6xl lg:text-9xl">
+          {{ content.title }}
+        </h1>
+        <p 
+          v-if="content.pageSubheading" 
+          class="mt-4 text-2xl"
+        >
+          {{ content.pageSubheading }}
+        </p>
       </header>
 
-      <section class="page__content">
+      <section 
+        v-if="content.pageContent"
+        class="page__content"
+      >
         <div 
           class="container mx-auto py-12 px-2 text-balance" 
           v-html="content.pageContent"
-        ></div>
+        />
       </section>
 
       <div class="container mx-auto px-2 sm:grid gap-6 grid-cols-2">
+        <!-- Posts list -->
         <section class="mb-12">
-          <div v-if="posts.length > 0">
-            <ol class="mb-2 divide-y divide-slate-300">
-              <li v-for="post in posts" :key="post.id">
-                <article class="text-xl py-6">
-                  <div v-html="post.textBlock"></div>
-                  <p class="text-sm mt-1">
-                    <time :datetime="post.postDate">{{ post.postDate }}</time>
-                  </p>
-                </article>
-              </li>
-            </ol>
-            <Pagination
-              v-if="totalPages > 1"
-              :currentPage="currentPage"
-              :totalPages="totalPages"
-              @update:currentPage="updateCurrentPage"
-            />
-          </div>
-          <p v-else class="text-2xl">No entries yet. Create one using the form.</p>
+          <PostList 
+            ref="postListRef"
+            :preview-token="previewToken"
+          />
         </section>
 
+        <!-- Post form -->
         <section>
           <div class="bg-slate-200 p-6 mb-9 rounded">
             <h2 class="font-bold text-3xl mb-4">Post an entry</h2>
-            <PostForm @post-submitted="handleNewPost" />
+            <PostForm 
+              @post-submitted="handleNewPost" 
+              :author-id="content.authorId" 
+            />
           </div>
         </section>
       </div>
diff --git a/frontend/queries/blogPosts.mjs b/frontend/queries/blogPosts.mjs
index 808b8c5..a0b0a73 100644
--- a/frontend/queries/blogPosts.mjs
+++ b/frontend/queries/blogPosts.mjs
@@ -7,6 +7,8 @@ export const BLOG_POSTS_QUERY = `
       title
       pageSubheading
       pageContent
+      authorName
+      authorId
       postDate @formatDateTime(format: "F j, Y")
       image {
         alt
diff --git a/frontend/queries/guestbook.mjs b/frontend/queries/guestbook.mjs
index f0f62f2..b494bfe 100644
--- a/frontend/queries/guestbook.mjs
+++ b/frontend/queries/guestbook.mjs
@@ -1,22 +1,13 @@
 export const GUESTBOOK_QUERY = `
-  query Guestbook($limit: Int!, $offset: Int!) {
-    guestbookEntries(limit: 1) {
+  query Guestbook {
+    guestbookEntries: entries(section: "guestbook", limit: 1) {
       ... on page_Entry {
         id
+        title
         pageContent
         pageSubheading
-        slug
-        title
-      }
-    }
-    guestbookPostsEntries(limit: $limit, offset: $offset) {
-      ... on text_Entry {
-        id
-        title
-        textBlock @markdown
-        postDate @formatDateTime(format: "F j, Y")
+        authorId
       }
     }
-    entryCount(section: "posts")
   }
 `
\ No newline at end of file
diff --git a/frontend/queries/guestbookPosts.mjs b/frontend/queries/guestbookPosts.mjs
new file mode 100644
index 0000000..d0845f6
--- /dev/null
+++ b/frontend/queries/guestbookPosts.mjs
@@ -0,0 +1,13 @@
+export const GUESTBOOK_POSTS_QUERY = `
+  query GuestbookPosts($limit: Int!, $offset: Int!) {
+    guestbookPostsEntries(limit: $limit, offset: $offset) {
+      ... on text_Entry {
+        id
+        title
+        textBlock @markdown
+        postDate @formatDateTime(format: "F j, Y")
+      }
+    }
+    entryCount(section: "posts")
+  }
+`
\ No newline at end of file