diff --git a/app/Livewire/BlogMaker.php b/app/Livewire/BlogMaker.php
index caac560..ffcca89 100644
--- a/app/Livewire/BlogMaker.php
+++ b/app/Livewire/BlogMaker.php
@@ -17,13 +17,32 @@ class BlogMaker extends Component
     public $content = '';
     public $contentHtml;
 
-    public function saveBlog(): RedirectResponse
+    public function mount(): void
+    {
+        //check if session has blog data
+        if (session()->has('blog')) {
+            $blog = session()->get('blog');
+            $this->title = $blog['title'];
+            $this->content = $blog['content'];
+            //alert
+            session()->flash('message', 'Blog data restored from session');
+        }
+
+    }
+
+    public function saveBlog(): mixed
     {
         $this->validate([
             'title' => 'required|min:6',
             'content' => 'required|min:6',
         ]);
 
+        //save blog to session
+        session()->put('blog', [
+            'title' => $this->title,
+            'content' => $this->content,
+        ]);
+
         $blogData = [
             'title' => $this->title,
             'content' => $this->content, // Storing HTML content directly
@@ -31,7 +50,14 @@ public function saveBlog(): RedirectResponse
             'user_id' => Auth::id(),
         ];
 
-        $blog = Blog::create($blogData);
+        try {
+            $blog = Blog::create($blogData);
+        } catch (\Exception $e) {
+            if (Str::contains($e->getMessage(), 'blogs_slug_unique')) {
+                return redirect()->route('blog.create')->with('error', 'Blog with this title already exists');
+            }
+            return redirect()->route('blog.create' )->with('error', 'Failed to create blog' . $e->getMessage());
+        }
 
         return redirect()->route('blogs.show', $blog->slug);
     }
diff --git a/resources/views/blogs/create.blade.php b/resources/views/blogs/create.blade.php
index 15bf2a0..c8d4e7a 100644
--- a/resources/views/blogs/create.blade.php
+++ b/resources/views/blogs/create.blade.php
@@ -1,10 +1,10 @@
-<div>
-    <div>
-        <input wire:model="title" type="text" placeholder="Enter title">
-        @error('title') <span>{{ $message }}</span> @enderror
+<div class="rounded-lg p-4 flex flex-col gap-4" data-theme="light">
+    <div class="flex flex-col">
+        <input wire:model="title" class="input input-ghost in" type="text" placeholder="Enter title">
+        @error('title') <span class="text-xs text-red-500">{{ $message }}</span> @enderror
     </div>
 
-    <div>
+    <div class="flex flex-col">
         <div id="editor"></div>
         @error('content') <span>{{ $message }}</span> @enderror
     </div>
@@ -13,6 +13,7 @@
 
     @script
     <script>
+
         const textArea = document.querySelector('#content');
         const saveButton = document.querySelector('#save_button');
 
@@ -43,6 +44,11 @@
             }
         });
 
+        //when the livewire component is mounted
+        document.addEventListener('livewire:load', function () {
+            quill.root.innerHTML = @this.content;
+        });
+
         saveButton.addEventListener('click', () => {
             @this.
             set('content', quill.root.innerHTML);
diff --git a/resources/views/blogs/layout.blade.php b/resources/views/blogs/layout.blade.php
index 45343e6..8497407 100644
--- a/resources/views/blogs/layout.blade.php
+++ b/resources/views/blogs/layout.blade.php
@@ -25,6 +25,7 @@
     </div>
     <livewire:alerts/>
     <div class="flex relative z-40 gap-2 p-2">
+        <livewire:sidebar/>
         <!-- Page Content -->
         <main class="w-full bg-gray-100 p-4 text-black/80 overflow-clip rounded-[16px]">
             {{ $slot }}