added pagination

app/Http/Controllers/PostController.php

@@ -16,7 +16,7 @@ class PostController extends Controller implements HasMiddleware
 
     public function index(User $user, Request $request)
     {
-        $posts = Post::where("user_id", $user->id)->get();
+        $posts = Post::where("user_id", $user->id)->paginate(8);
 
         return view("dashboard", [
             "user" => $user,

resources/views/dashboard.blade.php

@@ -37,14 +37,22 @@
     <section class="container mx-auto mt-10">
         <h2 class="text-4xl text-center font-black my-10">Posts</h2>
 
-        <div class="grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
-            @foreach ($posts as $post)
-                <div>
-                    <a href="#">
-                        <img src="{{ asset('uploads') . '/' . $post->image }}" alt="{{ $post->title }}">
-                    </a>
-                </div>
-            @endforeach
-        </div>
+        @if ($posts->count())
+            <div class="grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
+                @foreach ($posts as $post)
+                    <div>
+                        <a href="#">
+                            <img src="{{ asset('uploads') . '/' . $post->image }}" alt="{{ $post->title }}">
+                        </a>
+                    </div>
+                @endforeach
+            </div>
+
+            <div class="my-10">
+                {{ $posts->links() }}
+            </div>
+        @else
+            <p class="text-gray-600 uppercase text-sm text-center font-bold">No posts yet</p>
+        @endif
     </section>
 @endsection

tailwind.config.js

@@ -4,6 +4,7 @@ export default {
         "./resources/views/**/*.blade.php",
         "./resources/views/**/*.js",
         "./resources/views/**/*.vue",
+        "./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php",
     ],
     theme: {
         extend: {},