diff --git a/app/Http/Controllers/FrontPageController.php b/app/Http/Controllers/FrontPageController.php
index 97db14ac..a5d86a9d 100644
--- a/app/Http/Controllers/FrontPageController.php
+++ b/app/Http/Controllers/FrontPageController.php
@@ -26,27 +26,15 @@ class FrontPageController extends Controller
         $bookmarks = Bookmark::latest()->get();
         $likes = Like::latest()->get();
 
-        $allItems = collect($notes)
+        $items = collect($notes)
             ->merge($articles)
             ->merge($bookmarks)
             ->merge($likes)
-            ->sortByDesc('updated_at');
-
-        $lastPage = intval(floor($allItems->count() / 10)) + 1;
-
-        $items = $allItems->forPage($pageNumber, 10);
-
-        if ($items->count() === 0) {
-            abort(404);
-        }
-
-        $prevLink = ($pageNumber > 1) ? '/?page=' . ($pageNumber - 1) : null;
-        $nextLink = ($pageNumber < $lastPage) ? '/?page=' . ($pageNumber + 1) : null;
+            ->sortByDesc('updated_at')
+            ->paginate(10);
 
         return view('front-page', [
             'items' => $items,
-            'prevLink' => $prevLink,
-            'nextLink' => $nextLink,
         ]);
     }
 }
diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php
index 15c2ae09..b0337f0d 100644
--- a/app/Providers/AppServiceProvider.php
+++ b/app/Providers/AppServiceProvider.php
@@ -6,6 +6,8 @@ use App\Models\Note;
 use App\Observers\NoteObserver;
 use Codebird\Codebird;
 use Illuminate\Http\Request;
+use Illuminate\Pagination\LengthAwarePaginator;
+use Illuminate\Support\Collection;
 use Illuminate\Support\ServiceProvider;
 use Illuminate\Support\Str;
 use Laravel\Dusk\DuskServiceProvider;
@@ -47,6 +49,30 @@ class AppServiceProvider extends ServiceProvider
 
             return $cb;
         });
+
+        /**
+         * Paginate a standard Laravel Collection.
+         *
+         * @param int $perPage
+         * @param int $total
+         * @param int $page
+         * @param string $pageName
+         * @return array
+         */
+        Collection::macro('paginate', function ($perPage, $total = null, $page = null, $pageName = 'page') {
+            $page = $page ?: LengthAwarePaginator::resolveCurrentPage($pageName);
+
+            return new LengthAwarePaginator(
+                $this->forPage($page, $perPage),
+                $total ?: $this->count(),
+                $perPage,
+                $page,
+                [
+                    'path' => LengthAwarePaginator::resolveCurrentPath(),
+                    'pageName' => $pageName,
+                ]
+            );
+        });
     }
 
     /**
diff --git a/public/assets/app.css b/public/assets/app.css
index 112817de..c973a3e9 100644
--- a/public/assets/app.css
+++ b/public/assets/app.css
@@ -65,6 +65,13 @@ main .h-feed {
   .note > .e-content > .naked-link .u-photo {
     margin: 2rem 0; }
 
+.pagination {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-evenly;
+  width: 90vw;
+  list-style-type: none; }
+
 .personal-bio {
   padding: 0 2rem; }
 
diff --git a/public/assets/app.css.map b/public/assets/app.css.map
index 1dceb4be..6b41cdb8 100644
--- a/public/assets/app.css.map
+++ b/public/assets/app.css.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///./resources/sass/_variables.scss","webpack:///./resources/sass/_base.scss","webpack:///./resources/sass/_layout-main.scss","webpack:///./resources/sass/_link-styles.scss","webpack:///./resources/sass/_posse.scss"],"names":[],"mappings":"AAAA;EACI,yCAAkB;EAClB,6CAAsB;;ACF1B;EACI,mCAAmC;EACnC,eAAe;;AAGnB;;;;;;EAMI,uCAAuC;;ACX3C;EACI,aAAa;EACb,sBAAsB;;AAG1B;EACI,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EAH3B;IAMQ,WAAW;IACX,kBAAkB;EAP1B;IAWQ,aAAa;IACb,uBAAuB;IACvB,eAAe;IAbvB;MAgBY,gBAAgB;;AAMxB;EADJ;IAEQ,gBAAgB;IAChB,iBAAiB,IA2BxB;;AA9BD;EAOQ,aAAa;EACb,sBAAsB;EACtB,YAAY;EATpB;IAYY,eAAe;EAGnB;IAfR;MAgBY,gBAAgB;MAhB5B;;QAoBgB,eAAe,IAClB;EArBb;IA0BgB,iBAAiB;;AAMjC;EACI,aAAa;EACb,sBAAsB;EAF1B;IAKQ,aAAa;IACb,mBAAmB;IACnB,8BAA8B;IAPtC;MAWgB,WAAW;MACX,UAAU;EAZ1B;IAoBgB,cAAc;;AAM9B;EACI,eAAe;;AAGnB;EACI,aAAa;EACb,sBAAsB;EACtB,mBAAmB;EACnB,kBAAkB;EAGd;IAPR;MAQY,eAAe,IAEtB;EAVL;IAaQ,eAAe;EAGnB;IAhBJ;MAiBQ,gBAAgB;MAChB,iBAAiB,IAExB;;AC5GD;EAEQ,qBAAqB;;AAI7B;EAEQ,qBAAqB;;ACR7B;;EAEI,aAAa","file":"app.css","sourcesContent":[":root {\n    --font-stack-body: montserrat, sans-serif;\n    --font-stack-headings: bebas-neue, sans-serif;\n}\n","body {\n    font-family: var(--font-stack-body);\n    font-size: 2rem;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n    font-family: var(--font-stack-headings);\n}\n","body {\n    display: flex;\n    flex-direction: column;\n}\n\n#top-header {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    h1 {\n        width: 100%;\n        text-align: center;\n    }\n\n    nav {\n        display: flex;\n        justify-content: center;\n        flex-wrap: wrap;\n\n        a {\n            margin: 0 0.5rem;\n        }\n    }\n}\n\nmain {\n    @media screen and (max-width: 699px) {\n        margin-left: 5px;\n        margin-right: 5px;\n    }\n\n    .h-feed {\n        display: flex;\n        flex-direction: column;\n        margin: auto;\n\n        img {\n            max-width: 100%;\n        }\n\n        @media screen and (min-width: 700px) {\n            max-width: 700px;\n\n            > .note,\n            > .h-entry {\n                padding: 0 1rem;\n            }\n        }\n\n        .h-entry:first-child {\n            > .bookmark-link {\n                padding-top: 2rem;\n            }\n        }\n    }\n}\n\n.note {\n    display: flex;\n    flex-direction: column;\n\n    .note-metadata {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n\n        .syndication-links {\n            svg {\n                height: 1em;\n                width: 1em;\n            }\n        }\n    }\n\n    > .e-content {\n        > .naked-link {\n            .u-photo {\n                margin: 2rem 0;\n            }\n        }\n    }\n}\n\n.personal-bio {\n    padding: 0 2rem;\n}\n\nfooter {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin-top: 1.5rem;\n\n    input {\n        @media screen and (max-width: 699px) {\n            max-width: 95vw;\n        }\n    }\n\n    .iwc-logo {\n        max-width: 100%;\n    }\n\n    @media screen and (max-width: 699px) {\n        margin-left: 5px;\n        margin-right: 5px;\n    }\n}\n",".post-info {\n    a {\n        text-decoration: none;\n    }\n}\n\n.syndication-links {\n    .u-syndication {\n        text-decoration: none;\n    }\n}\n",".p-bridgy-facebook-content,\n.p-bridgy-twitter-content {\n    display: none;\n}\n"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///./resources/sass/_variables.scss","webpack:///./resources/sass/_base.scss","webpack:///./resources/sass/_layout-main.scss","webpack:///./resources/sass/_link-styles.scss","webpack:///./resources/sass/_posse.scss"],"names":[],"mappings":"AAAA;EACI,yCAAkB;EAClB,6CAAsB;;ACF1B;EACI,mCAAmC;EACnC,eAAe;;AAGnB;;;;;;EAMI,uCAAuC;;ACX3C;EACI,aAAa;EACb,sBAAsB;;AAG1B;EACI,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EAH3B;IAMQ,WAAW;IACX,kBAAkB;EAP1B;IAWQ,aAAa;IACb,uBAAuB;IACvB,eAAe;IAbvB;MAgBY,gBAAgB;;AAMxB;EADJ;IAEQ,gBAAgB;IAChB,iBAAiB,IA2BxB;;AA9BD;EAOQ,aAAa;EACb,sBAAsB;EACtB,YAAY;EATpB;IAYY,eAAe;EAGnB;IAfR;MAgBY,gBAAgB;MAhB5B;;QAoBgB,eAAe,IAClB;EArBb;IA0BgB,iBAAiB;;AAMjC;EACI,aAAa;EACb,sBAAsB;EAF1B;IAKQ,aAAa;IACb,mBAAmB;IACnB,8BAA8B;IAPtC;MAWgB,WAAW;MACX,UAAU;EAZ1B;IAoBgB,cAAc;;AAM9B;EACI,aAAa;EACb,mBAAmB;EACnB,6BAA6B;EAC7B,WAAW;EACX,qBAAqB;;AAGzB;EACI,eAAe;;AAGnB;EACI,aAAa;EACb,sBAAsB;EACtB,mBAAmB;EACnB,kBAAkB;EAGd;IAPR;MAQY,eAAe,IAEtB;EAVL;IAaQ,eAAe;EAGnB;IAhBJ;MAiBQ,gBAAgB;MAChB,iBAAiB,IAExB;;ACpHD;EAEQ,qBAAqB;;AAI7B;EAEQ,qBAAqB;;ACR7B;;EAEI,aAAa","file":"app.css","sourcesContent":[":root {\n    --font-stack-body: montserrat, sans-serif;\n    --font-stack-headings: bebas-neue, sans-serif;\n}\n","body {\n    font-family: var(--font-stack-body);\n    font-size: 2rem;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n    font-family: var(--font-stack-headings);\n}\n","body {\n    display: flex;\n    flex-direction: column;\n}\n\n#top-header {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    h1 {\n        width: 100%;\n        text-align: center;\n    }\n\n    nav {\n        display: flex;\n        justify-content: center;\n        flex-wrap: wrap;\n\n        a {\n            margin: 0 0.5rem;\n        }\n    }\n}\n\nmain {\n    @media screen and (max-width: 699px) {\n        margin-left: 5px;\n        margin-right: 5px;\n    }\n\n    .h-feed {\n        display: flex;\n        flex-direction: column;\n        margin: auto;\n\n        img {\n            max-width: 100%;\n        }\n\n        @media screen and (min-width: 700px) {\n            max-width: 700px;\n\n            > .note,\n            > .h-entry {\n                padding: 0 1rem;\n            }\n        }\n\n        .h-entry:first-child {\n            > .bookmark-link {\n                padding-top: 2rem;\n            }\n        }\n    }\n}\n\n.note {\n    display: flex;\n    flex-direction: column;\n\n    .note-metadata {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n\n        .syndication-links {\n            svg {\n                height: 1em;\n                width: 1em;\n            }\n        }\n    }\n\n    > .e-content {\n        > .naked-link {\n            .u-photo {\n                margin: 2rem 0;\n            }\n        }\n    }\n}\n\n.pagination {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-evenly;\n    width: 90vw;\n    list-style-type: none;\n}\n\n.personal-bio {\n    padding: 0 2rem;\n}\n\nfooter {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin-top: 1.5rem;\n\n    input {\n        @media screen and (max-width: 699px) {\n            max-width: 95vw;\n        }\n    }\n\n    .iwc-logo {\n        max-width: 100%;\n    }\n\n    @media screen and (max-width: 699px) {\n        margin-left: 5px;\n        margin-right: 5px;\n    }\n}\n",".post-info {\n    a {\n        text-decoration: none;\n    }\n}\n\n.syndication-links {\n    .u-syndication {\n        text-decoration: none;\n    }\n}\n",".p-bridgy-facebook-content,\n.p-bridgy-twitter-content {\n    display: none;\n}\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/resources/sass/_layout-main.scss b/resources/sass/_layout-main.scss
index 78582553..64e8a7fc 100644
--- a/resources/sass/_layout-main.scss
+++ b/resources/sass/_layout-main.scss
@@ -82,6 +82,14 @@ main {
     }
 }
 
+.pagination {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-evenly;
+    width: 90vw;
+    list-style-type: none;
+}
+
 .personal-bio {
     padding: 0 2rem;
 }
diff --git a/resources/views/front-page.blade.php b/resources/views/front-page.blade.php
index cf76cf1b..d44d97b6 100644
--- a/resources/views/front-page.blade.php
+++ b/resources/views/front-page.blade.php
@@ -26,18 +26,7 @@
         @endforeach
     </div>
 
-    <div class="paginator">
-        @if($prevLink)
-            <a href="{{ $prevLink }}">Prev</a>
-        @else
-            <a href="" class="disabled">Prev</a>
-        @endif
-        @if($nextLink)
-            <a href="{{ $nextLink }}">Next</a>
-        @else
-            <a href="" class="disabled">Next</a>
-        @endif
-    </div>
+    {{ $items->links() }}
 
     @include('templates.bio')
 @stop