diff --git a/app/Filament/Resources/ArticleResource.php b/app/Filament/Resources/ArticleResource.php
new file mode 100644
index 00000000..793ceb7c
--- /dev/null
+++ b/app/Filament/Resources/ArticleResource.php
@@ -0,0 +1,135 @@
+<?php
+
+namespace App\Filament\Resources;
+
+use App\Filament\Resources\ArticleResource\Actions\PreviewAction;
+use App\Filament\Resources\ArticleResource\Actions\PublishAction;
+use App\Filament\Resources\ArticleResource\Actions\ScheduleAction;
+use App\Filament\Resources\ArticleResource\Actions\UnpublishAction;
+use App\Filament\Resources\ArticleResource\Pages;
+use App\Models\Article;
+use Filament\Forms\Components\MarkdownEditor;
+use Filament\Forms\Components\Textarea;
+use Filament\Forms\Components\TextInput;
+use Filament\Forms\Form;
+use Filament\Forms\Set;
+use Filament\Resources\Resource;
+use Filament\Tables;
+use Filament\Tables\Actions\ActionGroup;
+use Filament\Tables\Columns\TextColumn;
+use Filament\Tables\Table;
+use Illuminate\Contracts\Database\Eloquent\Builder;
+use Illuminate\Support\Str;
+
+class ArticleResource extends Resource
+{
+    protected static ?string $model = Article::class;
+
+    protected static ?string $recordRouteKeyName = 'id';
+
+    protected static ?string $recordTitleAttribute = 'title';
+
+    protected static ?string $navigationIcon = 'heroicon-o-newspaper';
+
+    public static function form(Form $form): Form
+    {
+        return $form
+            ->schema([
+                TextInput::make('title')
+                    ->required()
+                    ->maxLength(255)
+                    ->live(onBlur: true)
+                    ->afterStateUpdated(function (Article $article, Set $set, ?string $state) {
+                        if ($article->isPublished()) {
+                            return;
+                        }
+
+                        $set('slug', Str::slug($state));
+                    }),
+
+                TextInput::make('slug')
+                    ->required()
+                    ->maxLength(255)
+                    ->live(onBlur: true)
+                    ->unique(Article::class, 'slug', ignoreRecord: true)
+                    ->disabled(fn (Article $article) => $article->isPublished())
+                    ->afterStateUpdated(
+                        fn (Set $set, ?string $state) => $set('slug', Str::slug($state))
+                    )
+                    ->helperText(fn (Article $article) => $article->isPublished()
+                        ? 'The slug cannot be changed after the article is published.'
+                        : false
+                    ),
+
+                Textarea::make('excerpt')
+                    ->required()
+                    ->maxLength(400)
+                    ->columnSpanFull(),
+
+                MarkdownEditor::make('content')
+                    ->required()
+                    ->columnSpanFull(),
+            ]);
+    }
+
+    public static function table(Table $table): Table
+    {
+        return $table
+            ->columns([
+                TextColumn::make('title')
+                    ->searchable()
+                    ->sortable(),
+
+                TextColumn::make('excerpt')
+                    ->searchable()
+                    ->limit(50),
+
+                TextColumn::make('author.name')
+                    ->label('Author')
+                    ->searchable()
+                    ->sortable(),
+
+                TextColumn::make('published_at')
+                    ->badge()
+                    ->dateTime('M j, Y H:i')
+                    ->color(fn ($state) => $state && $state->isPast() ? 'success' : 'warning')
+                    ->sortable(query: function (Builder $query, string $direction): Builder {
+                        return $query->orderByRaw("published_at IS NULL {$direction}, published_at {$direction}");
+                    }),
+            ])
+            ->filters([
+                //
+            ])
+            ->actions([
+                ActionGroup::make([
+                    PreviewAction::make('preview'),
+                    Tables\Actions\EditAction::make()->url(fn ($record) => static::getUrl('edit', ['record' => $record->id])),
+                    UnpublishAction::make('unpublish'),
+                    PublishAction::make('publish'),
+                    ScheduleAction::make('schedule'),
+                ]),
+            ])
+            ->bulkActions([
+                Tables\Actions\BulkActionGroup::make([
+                    Tables\Actions\DeleteBulkAction::make(),
+                ]),
+            ])
+            ->defaultSort('published_at', 'desc');
+    }
+
+    public static function getRelations(): array
+    {
+        return [
+            //
+        ];
+    }
+
+    public static function getPages(): array
+    {
+        return [
+            'index' => Pages\ListArticles::route('/'),
+            'create' => Pages\CreateArticle::route('/create'),
+            'edit' => Pages\EditArticle::route('/{record}/edit'),
+        ];
+    }
+}
diff --git a/app/Filament/Resources/ArticleResource/Actions/PreviewAction.php b/app/Filament/Resources/ArticleResource/Actions/PreviewAction.php
new file mode 100644
index 00000000..79bbf28b
--- /dev/null
+++ b/app/Filament/Resources/ArticleResource/Actions/PreviewAction.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace App\Filament\Resources\ArticleResource\Actions;
+
+use App\Models\Article;
+use Filament\Tables\Actions\Action;
+
+class PreviewAction extends Action
+{
+    protected function setUp(): void
+    {
+        $this
+            ->label('Preview')
+            ->icon('heroicon-o-eye')
+            ->url(fn (Article $article) => route('article', $article))
+            ->openUrlInNewTab();
+    }
+}
diff --git a/app/Filament/Resources/ArticleResource/Actions/PublishAction.php b/app/Filament/Resources/ArticleResource/Actions/PublishAction.php
new file mode 100644
index 00000000..5396af61
--- /dev/null
+++ b/app/Filament/Resources/ArticleResource/Actions/PublishAction.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace App\Filament\Resources\ArticleResource\Actions;
+
+use App\Models\Article;
+use Filament\Tables\Actions\Action;
+
+class PublishAction extends Action
+{
+    protected function setUp(): void
+    {
+        $this
+            ->label('Publish')
+            ->icon('heroicon-o-newspaper')
+            ->action(fn (Article $article) => $article->publish())
+            ->visible(fn (Article $article) => ! $article->isPublished())
+            ->requiresConfirmation();
+    }
+}
diff --git a/app/Filament/Resources/ArticleResource/Actions/ScheduleAction.php b/app/Filament/Resources/ArticleResource/Actions/ScheduleAction.php
new file mode 100644
index 00000000..307862ed
--- /dev/null
+++ b/app/Filament/Resources/ArticleResource/Actions/ScheduleAction.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace App\Filament\Resources\ArticleResource\Actions;
+
+use App\Models\Article;
+use Filament\Forms\Components\DateTimePicker;
+use Filament\Tables\Actions\Action;
+use Illuminate\Support\Carbon;
+
+class ScheduleAction extends Action
+{
+    protected function setUp(): void
+    {
+        $this
+            ->label('Schedule')
+            ->icon('heroicon-o-calendar-days')
+            ->visible(fn (Article $record) => ! $record->isPublished())
+            ->form(fn (Article $article) => [
+                DateTimePicker::make('published_at')
+                    ->label('Published At')
+                    ->displayFormat('M j, Y H:i')
+                    ->seconds(false)
+                    ->default($article->published_at)
+                    ->afterOrEqual('now')
+                    ->required(),
+            ])
+            ->action(function (Article $article, array $data) {
+                $article->publish(Carbon::parse($data['published_at']));
+            })
+            ->requiresConfirmation();
+    }
+}
diff --git a/app/Filament/Resources/ArticleResource/Actions/UnpublishAction.php b/app/Filament/Resources/ArticleResource/Actions/UnpublishAction.php
new file mode 100644
index 00000000..9e094052
--- /dev/null
+++ b/app/Filament/Resources/ArticleResource/Actions/UnpublishAction.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace App\Filament\Resources\ArticleResource\Actions;
+
+use App\Models\Article;
+use Filament\Tables\Actions\Action;
+
+class UnpublishAction extends Action
+{
+    protected function setUp(): void
+    {
+        $this
+            ->label('Unpublish')
+            ->icon('heroicon-o-archive-box-x-mark')
+            ->action(fn (Article $article) => $article->unpublish())
+            ->visible(fn (Article $article) => $article->isPublished())
+            ->requiresConfirmation();
+    }
+}
diff --git a/app/Filament/Resources/ArticleResource/Pages/CreateArticle.php b/app/Filament/Resources/ArticleResource/Pages/CreateArticle.php
new file mode 100644
index 00000000..6c4b0ae4
--- /dev/null
+++ b/app/Filament/Resources/ArticleResource/Pages/CreateArticle.php
@@ -0,0 +1,16 @@
+<?php
+
+namespace App\Filament\Resources\ArticleResource\Pages;
+
+use App\Filament\Resources\ArticleResource;
+use Filament\Resources\Pages\CreateRecord;
+
+class CreateArticle extends CreateRecord
+{
+    protected static string $resource = ArticleResource::class;
+
+    protected function getRedirectUrl(): string
+    {
+        return static::getResource()::getUrl('edit', ['record' => $this->record->id]);
+    }
+}
diff --git a/app/Filament/Resources/ArticleResource/Pages/EditArticle.php b/app/Filament/Resources/ArticleResource/Pages/EditArticle.php
new file mode 100644
index 00000000..2484e4b4
--- /dev/null
+++ b/app/Filament/Resources/ArticleResource/Pages/EditArticle.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace App\Filament\Resources\ArticleResource\Pages;
+
+use App\Filament\Resources\ArticleResource;
+use Filament\Actions;
+use Filament\Resources\Pages\EditRecord;
+
+class EditArticle extends EditRecord
+{
+    protected static string $resource = ArticleResource::class;
+
+    protected function getHeaderActions(): array
+    {
+        return [
+            Actions\DeleteAction::make(),
+        ];
+    }
+}
diff --git a/app/Filament/Resources/ArticleResource/Pages/ListArticles.php b/app/Filament/Resources/ArticleResource/Pages/ListArticles.php
new file mode 100644
index 00000000..6cfc2e86
--- /dev/null
+++ b/app/Filament/Resources/ArticleResource/Pages/ListArticles.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace App\Filament\Resources\ArticleResource\Pages;
+
+use App\Filament\Resources\ArticleResource;
+use Filament\Actions;
+use Filament\Resources\Pages\ListRecords;
+
+class ListArticles extends ListRecords
+{
+    protected static string $resource = ArticleResource::class;
+
+    protected function getHeaderActions(): array
+    {
+        return [
+            Actions\CreateAction::make(),
+        ];
+    }
+}
diff --git a/app/Http/Controllers/ShowBlogController.php b/app/Http/Controllers/ShowBlogController.php
new file mode 100644
index 00000000..1f0f1d39
--- /dev/null
+++ b/app/Http/Controllers/ShowBlogController.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Article;
+
+class ShowBlogController extends Controller
+{
+    public function index()
+    {
+        $articles = Article::query()
+            ->published()
+            ->paginate(6);
+
+        return view('blog', [
+            'articles' => $articles,
+        ]);
+    }
+
+    public function show(Article $article)
+    {
+        abort_unless($article->isPublished() || auth()->user()?->isAdmin(), 404);
+
+        return view('article', [
+            'article' => $article,
+        ]);
+    }
+}
diff --git a/app/Models/Article.php b/app/Models/Article.php
new file mode 100644
index 00000000..224d39ce
--- /dev/null
+++ b/app/Models/Article.php
@@ -0,0 +1,98 @@
+<?php
+
+namespace App\Models;
+
+use DateTime;
+use Illuminate\Contracts\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+class Article extends Model
+{
+    use HasFactory;
+
+    protected $fillable = [
+        'slug',
+        'title',
+        'excerpt',
+        'content',
+        'published_at',
+    ];
+
+    protected $casts = [
+        'published_at' => 'datetime',
+    ];
+
+    public function getRouteKeyName()
+    {
+        return 'slug';
+    }
+
+    /*
+    |--------------------------------------------------------------------------
+    | Scopes
+    |--------------------------------------------------------------------------
+    */
+    public function scopePublished(Builder $query): void
+    {
+        $query
+            ->orderByDesc('published_at')
+            ->whereNotNull('published_at')
+            ->where('published_at', '<=', now());
+    }
+
+    /*
+    |--------------------------------------------------------------------------
+    | Relationships
+    |--------------------------------------------------------------------------
+    */
+    public function author(): BelongsTo
+    {
+        return $this->belongsTo(User::class, 'author_id');
+    }
+
+    /*
+    |--------------------------------------------------------------------------
+    | Support
+    |--------------------------------------------------------------------------
+    */
+    public function isPublished(): bool
+    {
+        return $this->published_at && $this->published_at->isPast();
+    }
+
+    public function publish(?DateTime $on = null)
+    {
+        if (! $on) {
+            $on = now();
+        }
+
+        $this->update([
+            'published_at' => $on,
+        ]);
+    }
+
+    public function unpublish()
+    {
+        $this->update([
+            'published_at' => null,
+        ]);
+    }
+
+    /*
+    |--------------------------------------------------------------------------
+    | Listeners
+    |--------------------------------------------------------------------------
+    */
+    protected static function boot()
+    {
+        parent::boot();
+
+        static::creating(function ($article) {
+            if (auth()->check() && ! $article->author_id) {
+                $article->author_id = auth()->id();
+            }
+        });
+    }
+}
diff --git a/app/Models/User.php b/app/Models/User.php
index 238d777d..3fa763d4 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -29,6 +29,11 @@ class User extends Authenticatable implements FilamentUser
     ];
 
     public function canAccessPanel(Panel $panel): bool
+    {
+        return $this->isAdmin();
+    }
+
+    public function isAdmin(): bool
     {
         return in_array($this->email, config('filament.users'), true);
     }
diff --git a/database/factories/ArticleFactory.php b/database/factories/ArticleFactory.php
new file mode 100644
index 00000000..a66b7ea1
--- /dev/null
+++ b/database/factories/ArticleFactory.php
@@ -0,0 +1,38 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Models\Article;
+use App\Models\User;
+use Illuminate\Database\Eloquent\Factories\Factory;
+
+/**
+ * @extends Factory<Article>
+ */
+class ArticleFactory extends Factory
+{
+    public function definition(): array
+    {
+        return [
+            'author_id' => User::factory(),
+            'slug' => fake()->unique()->slug(3),
+            'title' => fake()->sentence(),
+            'excerpt' => fake()->paragraph(1, false),
+            'content' => implode(PHP_EOL.PHP_EOL, fake()->paragraphs()),
+        ];
+    }
+
+    public function published(): static
+    {
+        return $this->state(fn () => [
+            'published_at' => now(),
+        ]);
+    }
+
+    public function scheduled(): static
+    {
+        return $this->state(fn () => [
+            'published_at' => now()->addMinute(),
+        ]);
+    }
+}
diff --git a/database/migrations/2025_07_08_083141_create_articles_table.php b/database/migrations/2025_07_08_083141_create_articles_table.php
new file mode 100644
index 00000000..efa70e77
--- /dev/null
+++ b/database/migrations/2025_07_08_083141_create_articles_table.php
@@ -0,0 +1,41 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('articles', function (Blueprint $table) {
+            $table->id();
+
+            $table->unsignedBigInteger('author_id')
+                ->nullable();
+
+            $table->foreign('author_id')
+                ->references('id')->on('users')
+                ->nullOnDelete();
+
+            $table->string('slug')->unique();
+            $table->string('title', 255);
+            $table->string('excerpt', 400);
+            $table->text('content');
+
+            $table->timestamp('published_at')->nullable();
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('articles');
+    }
+};
diff --git a/resources/css/app.css b/resources/css/app.css
index 990f833f..affa26d8 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -164,6 +164,7 @@ nav.docs-navigation > ul > li > ul {
     }
 }
 
+/* Prose */
 .prose h1 {
     @apply text-2xl;
 }
@@ -241,3 +242,18 @@ nav.docs-navigation > ul > li > ul {
 .prose pre code.torchlight .summary-caret {
     @apply mr-4;
 }
+
+/*
+ Prose dark mode
+*/
+.dark .prose strong {
+    @apply text-gray-300;
+}
+
+.dark .prose blockquote {
+    @apply text-gray-300;
+}
+
+.dark .prose code {
+    @apply text-gray-300;
+}
diff --git a/resources/views/article.blade.php b/resources/views/article.blade.php
index 8143a0ce..3b917c5b 100644
--- a/resources/views/article.blade.php
+++ b/resources/views/article.blade.php
@@ -7,7 +7,7 @@ class="mx-auto mt-10 w-full max-w-3xl px-5 md:mt-14"
         <header class="relative grid place-items-center text-center">
             {{-- Blurred circle - Decorative --}}
             <div
-                class="absolute right-1/2 top-0 -z-30 h-60 w-60 translate-x-1/2 rounded-full blur-[150px] md:w-80 dark:bg-slate-500/50"
+                class="absolute top-0 right-1/2 -z-30 h-60 w-60 translate-x-1/2 rounded-full blur-[150px] md:w-80 dark:bg-slate-500/50"
                 aria-hidden="true"
             ></div>
 
@@ -66,7 +66,7 @@ class="size-3 shrink-0 -scale-x-100"
                 "
                 class="mt-8 text-3xl font-extrabold will-change-transform sm:text-4xl"
             >
-                NativePHP for Desktop v1 is finally here!
+                {{ $article->title }}
             </h1>
 
             {{-- Date --}}
@@ -82,7 +82,7 @@ class="size-5 shrink-0"
                     datetime="2025-04-09"
                     class="text-sm"
                 >
-                    April 9, 2025
+                    {{ $article->published_at?->format('F j, Y') }}
                 </time>
             </div>
         </header>
@@ -106,7 +106,7 @@ class="text-sm"
                     })
                 }
             "
-            class="flex items-center pb-3 pt-3.5 will-change-transform"
+            class="flex items-center pt-3.5 pb-3 will-change-transform"
             aria-hidden="true"
         >
             <div
@@ -137,81 +137,10 @@ class="size-1.5 rotate-45 bg-gray-200/90 dark:bg-[#242734]"
                     })
                 }
             "
-            class="prose mt-2 max-w-none text-gray-600 will-change-transform dark:text-gray-400 dark:prose-headings:text-white"
+            class="prose dark:prose-headings:text-white mt-2 max-w-none text-gray-600 will-change-transform dark:text-gray-400"
             aria-labelledby="article-title"
         >
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur
-            facere dolore praesentium eius amet ex suscipit quam quibusdam
-            rerum, ratione, veritatis quidem, repudiandae ipsum in. Dolore
-            voluptatibus iusto saepe cum. Maiores tenetur nobis aliquid
-            recusandae hic, illo, aliquam laudantium aspernatur iste commodi
-            temporibus vero maxime, deserunt consequuntur fugiat animi dicta
-            debitis alias quos amet facere repellendus? Nesciunt, fugiat? Vel,
-            harum. Eos magnam, totam blanditiis nemo facilis culpa voluptate sed
-            dolores delectus alias velit, deleniti ex id quasi. Maiores
-            laboriosam repellendus vitae aliquam voluptas delectus deserunt
-            provident. Saepe, ullam. Error, ipsam. Facere dolore ullam
-            reprehenderit debitis et aperiam exercitationem numquam deserunt?
-            Temporibus asperiores exercitationem commodi vel? Autem, optio?
-            Tempora, dicta, pariatur dolores repudiandae corrupti beatae
-            voluptate dignissimos omnis consectetur ratione rerum.
-            Exercitationem eligendi, sint necessitatibus cumque voluptatum
-            corrupti incidunt inventore natus cupiditate, obcaecati nisi unde
-            nesciunt commodi! Eveniet itaque nihil ducimus repellendus et atque
-            laborum quos? Nostrum, aperiam aut. Ratione, earum! Voluptate
-            deleniti labore dolor quod nobis atque nam repellendus? Fugiat,
-            aliquam voluptatum quam cum, veniam mollitia, autem consequatur
-            officiis dolorem assumenda tempore. Distinctio officiis numquam
-            omnis quos aperiam minima voluptatibus? Magnam laborum nesciunt eos
-            qui sed repellendus tenetur harum, id, mollitia a provident
-            accusantium sint architecto, laudantium sit dolore quia. Vel impedit
-            quasi nam necessitatibus accusantium saepe praesentium laudantium
-            ut. Sit dolor voluptas dignissimos doloremque qui atque dolorum.
-            Aperiam eaque sapiente dicta nulla error laborum eius ex illum
-            harum, dolor quae illo praesentium ad hic at dolorem iusto
-            recusandae unde. Ipsa alias tenetur magni reprehenderit nam
-            consequuntur pariatur consequatur quas aspernatur cumque harum ullam
-            asperiores corporis distinctio consectetur dicta iusto, iure rem
-            quos nobis laboriosam eos nulla accusamus et. Similique. Consectetur
-            hic vel explicabo id assumenda, dolores quos neque asperiores ut,
-            aperiam a blanditiis est, ullam officia cum error eligendi delectus!
-            Cupiditate iusto est ad. Magni porro blanditiis quo delectus!
-            Possimus quis repellat aliquam, quia repudiandae deserunt ipsum
-            laudantium quaerat impedit veniam quibusdam rerum libero! Nam
-            laboriosam qui blanditiis nihil soluta, magnam ut fuga voluptatem
-            voluptatibus doloremque aut, aliquam velit? Soluta in esse dolorem
-            harum excepturi incidunt qui omnis quidem perferendis, alias culpa
-            ipsa quaerat delectus quam dolores nulla inventore dicta rerum enim
-            obcaecati. Officia esse nostrum voluptate mollitia corporis. Numquam
-            exercitationem fuga debitis soluta. Accusantium a voluptatum
-            reprehenderit, perferendis dolorum sequi ab consequatur molestiae
-            necessitatibus consequuntur asperiores expedita? Corporis vel fugiat
-            distinctio sint magnam eveniet facilis. Corrupti, quisquam
-            perferendis. Architecto recusandae dolores aspernatur eligendi
-            laborum iure libero sit vitae optio error cupiditate illo magnam
-            harum quam, porro debitis repellendus quis iusto nemo, atque nobis
-            aliquam consequatur? Quo, saepe repudiandae. Rem nostrum quos illo
-            eos cupiditate culpa eum dolorem debitis odit accusantium quibusdam
-            eligendi ea quisquam, nam beatae, nihil vitae mollitia totam laborum
-            necessitatibus veritatis porro error molestias. Exercitationem,
-            soluta. Eaque suscipit amet impedit illum hic rerum nesciunt. Totam
-            culpa, quia fuga at blanditiis dolorum rerum iusto ipsa quae
-            distinctio a placeat dolorem omnis praesentium libero obcaecati
-            molestiae porro aliquid. Accusantium itaque rerum nobis, quam, non
-            numquam animi qui cupiditate repellendus repellat veritatis pariatur
-            expedita debitis veniam beatae rem dicta vel vitae, eaque eos
-            placeat. Consequatur, facilis commodi. Soluta, incidunt. Beatae
-            nobis nesciunt quis reiciendis? Velit voluptatum et placeat
-            accusantium illo suscipit id dolorum cupiditate rem fugiat! Libero
-            esse, ad dolorum commodi officiis incidunt enim corrupti, fuga
-            beatae aspernatur expedita? Earum rerum laborum dolore architecto?
-            Culpa vitae at ipsum sapiente? Labore aliquid, dolor optio voluptas
-            mollitia recusandae quas sequi tempora corporis. Ipsa voluptate
-            fugiat omnis perferendis deserunt, itaque quos perspiciatis.
-            Asperiores explicabo dolore, molestiae, consequatur sint soluta
-            vitae quae iure reprehenderit hic officia aliquid omnis reiciendis
-            voluptatibus tempora provident veniam in magni eum et exercitationem
-            doloribus ullam. Neque, culpa temporibus.
+            {!! App\Support\CommonMark\CommonMark::convertToHtml($article->content) !!}
         </article>
     </section>
 </x-layout>
diff --git a/resources/views/blog.blade.php b/resources/views/blog.blade.php
index e9b0d5aa..c88de472 100644
--- a/resources/views/blog.blade.php
+++ b/resources/views/blog.blade.php
@@ -64,7 +64,7 @@ class="absolute -top-1/2 right-0 -z-20 h-60 w-60 rounded-full bg-violet-300/60 b
 
             {{-- Blurred circle - Decorative --}}
             <div
-                class="absolute left-0 top-1/2 -z-30 h-60 w-60 rounded-full bg-orange-200/60 blur-[150px] md:left-1/2 md:w-80 dark:bg-slate-500/50"
+                class="absolute top-1/2 left-0 -z-30 h-60 w-60 rounded-full bg-orange-200/60 blur-[150px] md:left-1/2 md:w-80 dark:bg-slate-500/50"
                 aria-hidden="true"
             ></div>
         </header>
@@ -105,37 +105,15 @@ class="sr-only"
             "
             class="flex flex-col gap-5"
         >
-            <x-article-card
-                title="NativePHP for Desktop v1 is finally here!"
-                url="/article"
-                date="2025-04-09"
-            >
-                🎉 WE DID IT! We finally got to v1. I almost don't believe it!
-                This is an awesome milestone. For a project that started as just
-                an idea, to see it reach a truly stable place and support
-                building powerful apps across all major platforms is just
-                incredible.
-            </x-article-card>
-            <x-article-card
-                title="Dropping Laravel 10 support"
-                url="/article"
-                date="2025-04-4"
-            >
-                Hey team, this is just a quick note about Laravel version
-                support. Per our Support Policy matrix, we will be dropping
-                Laravel 10 support for NativePHP for Desktop v1. Laravel 10
-                reached end of life back in February 2025.
-            </x-article-card>
-            <x-article-card
-                title="NativePHP for Mobile—Pricing update!"
-                url="/article"
-                date="2025-03-27"
-            >
-                Earlier this week I spoke at the Laravel Worldwide Meetup where
-                I unveiled: 🌐 A brand new nativephp.com, lovingly (and
-                painstakingly!) crafted by the incredible
-                @HassanZahirnia
-            </x-article-card>
+            @foreach ($articles as $article)
+                <x-article-card
+                    :title="$article->title"
+                    :url="route('article', $article)"
+                    :date="$article->published_at"
+                >
+                    {{ $article->excerpt }}
+                </x-article-card>
+            @endforeach
         </div>
 
         {{-- Pagination --}}
@@ -164,15 +142,17 @@ class="flex items-center justify-between gap-5 pt-2.5"
                 "
                 class="will-change-transform"
             >
-                <a
-                    href="#"
-                    class="inline-block p-1.5 opacity-60 transition duration-200 hover:opacity-100"
-                    aria-label="Go to previous page"
-                    rel="prev"
-                >
-                    <span class="sr-only">Navigate to</span>
-                    Previous
-                </a>
+                @if (! $articles->onFirstPage())
+                    <a
+                        href="{{ $articles->previousPageUrl() }}"
+                        class="inline-block p-1.5 opacity-60 transition duration-200 hover:opacity-100"
+                        aria-label="Go to previous page"
+                        rel="prev"
+                    >
+                        <span class="sr-only">Navigate to</span>
+                        Previous
+                    </a>
+                @endif
             </div>
 
             {{-- Next --}}
@@ -196,15 +176,17 @@ class="inline-block p-1.5 opacity-60 transition duration-200 hover:opacity-100"
                 "
                 class="will-change-transform"
             >
-                <a
-                    href="#"
-                    class="inline-block p-1.5 opacity-80 transition duration-200 hover:opacity-100"
-                    aria-label="Go to next page"
-                    rel="next"
-                >
-                    <span class="sr-only">Navigate to</span>
-                    Next
-                </a>
+                @if (! $articles->onLastPage())
+                    <a
+                        href="{{ $articles->nextPageUrl() }}"
+                        class="inline-block p-1.5 opacity-80 transition duration-200 hover:opacity-100"
+                        aria-label="Go to next page"
+                        rel="next"
+                    >
+                        <span class="sr-only">Navigate to</span>
+                        Next
+                    </a>
+                @endif
             </div>
         </nav>
     </section>
diff --git a/resources/views/components/mobile-menu.blade.php b/resources/views/components/mobile-menu.blade.php
index 054f6e12..f1ae9c9e 100644
--- a/resources/views/components/mobile-menu.blade.php
+++ b/resources/views/components/mobile-menu.blade.php
@@ -180,6 +180,7 @@ class="flex flex-1 flex-col items-start text-xl"
                     $isHomeActive = request()->routeIs('welcome*');
                     $isMobileActive = request()->routeIs('early-adopter*');
                     $isDocsActive = request()->is('docs*');
+                    $isBlogActive = request()->routeIs('blog*');
                     $isSponsorActive = request()->routeIs('sponsoring*');
                 @endphp
 
@@ -264,6 +265,33 @@ class="gsap-mobile-menu-divider h-0.5 w-full rounded-full bg-current opacity-5"
                     role="presentation"
                 ></div>
 
+                {{-- Blog Link --}}
+                <div class="gsap-mobile-menu-link w-full">
+                    <a
+                        href="{{ route('blog') }}"
+                        @class([
+                            'flex items-center justify-between py-3 transition duration-200',
+                            'font-medium' => $isBlogActive,
+                            'opacity-50 hover:translate-x-1 hover:opacity-100' => ! $isBlogActive,
+                        ])
+                        aria-current="{{ $isBlogActive ? 'page' : 'false' }}"
+                    >
+                        <div>Blog</div>
+                        @if ($isBlogActive)
+                            <x-icons.right-arrow
+                                class="size-4 shrink-0"
+                                aria-hidden="true"
+                                focusable="false"
+                            />
+                        @endif
+                    </a>
+                </div>
+
+                <div
+                    class="gsap-mobile-menu-divider h-0.5 w-full rounded-full bg-current opacity-5"
+                    role="presentation"
+                ></div>
+
                 {{-- Sponsor Link --}}
                 <div class="gsap-mobile-menu-link w-full">
                     <a
diff --git a/resources/views/components/navigation-bar.blade.php b/resources/views/components/navigation-bar.blade.php
index 9dfee300..7b2701cd 100644
--- a/resources/views/components/navigation-bar.blade.php
+++ b/resources/views/components/navigation-bar.blade.php
@@ -161,25 +161,24 @@ class="size-[3px] rotate-45 rounded-xs bg-gray-400 transition duration-200 dark:
                     aria-hidden="true"
                 ></div>
 
-                {{--
-                    Link
-                    <a
+                {{-- Link --}}
+                <a
                     href="{{ route('blog') }}"
                     @class([
-                    'transition duration-200',
-                    'font-medium' => request()->routeIs('blog*'),
-                    'opacity-60 hover:opacity-100' => ! request()->routeIs('blog*'),
+                        'transition duration-200',
+                        'font-medium' => request()->routeIs('blog*'),
+                        'opacity-60 hover:opacity-100' => ! request()->routeIs('blog*'),
                     ])
                     aria-current="{{ request()->routeIs('blog*') ? 'page' : 'false' }}"
-                    >
+                >
                     Blog
-                    </a>
-                    {{-- Decorative circle -- }}
-                    <div
-                    class="size-[3px] rotate-45 rounded-xs bg-gray-400 transition duration-200  dark:opacity-60"
+                </a>
+
+                {{-- Decorative circle --}}
+                <div
+                    class="size-[3px] rotate-45 rounded-xs bg-gray-400 transition duration-200 dark:opacity-60"
                     aria-hidden="true"
-                    ></div>
-                --}}
+                ></div>
 
                 {{-- Link --}}
                 <a
diff --git a/routes/web.php b/routes/web.php
index a79d8cd4..d177faac 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,5 +1,6 @@
 <?php
 
+use App\Http\Controllers\ShowBlogController;
 use App\Http\Controllers\ShowDocumentationController;
 use Illuminate\Support\Facades\Route;
 use Illuminate\Support\Str;
@@ -21,8 +22,6 @@
 Route::redirect('/docs/desktop/1/getting-started/sponsoring', '/sponsor');
 
 Route::view('/', 'welcome')->name('welcome');
-Route::view('/blog', 'blog')->name('blog');
-Route::view('/article', 'article')->name('article');
 Route::view('mobile', 'early-adopter')->name('early-adopter');
 Route::view('laracon-us-2025-giveaway', 'laracon-us-2025-giveaway')->name('laracon-us-2025-giveaway');
 Route::redirect('ios', 'mobile');
@@ -33,6 +32,9 @@
 Route::view('partners', 'partners')->name('partners');
 Route::view('sponsor', 'sponsoring')->name('sponsoring');
 
+Route::get('blog', [ShowBlogController::class, 'index'])->name('blog');
+Route::get('blog/{article}', [ShowBlogController::class, 'show'])->name('article');
+
 Route::redirect('/docs/{version}/{page?}', '/docs/mobile/{version}/{page?}')
     ->where('page', '(.*)')
     ->where('version', '[0-9]+');
diff --git a/tests/Feature/BlogTest.php b/tests/Feature/BlogTest.php
new file mode 100644
index 00000000..5ea450fa
--- /dev/null
+++ b/tests/Feature/BlogTest.php
@@ -0,0 +1,114 @@
+<?php
+
+namespace Tests\Feature;
+
+use App\Models\Article;
+use App\Models\User;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Illuminate\Support\Facades\Config;
+use PHPUnit\Framework\Attributes\Test;
+use Tests\TestCase;
+
+class BlogTest extends TestCase
+{
+    use RefreshDatabase;
+
+    #[Test]
+    public function published_articles_are_shown_on_the_blog_listing()
+    {
+        $article = Article::factory()->published()->create();
+
+        $this->get(route('blog'))
+            ->assertOk()
+            ->assertSee($article->title)
+            ->assertSee(route('article', $article));
+    }
+
+    #[Test]
+    public function published_articles_are_shown_in_antichronological_order()
+    {
+        [$article1, $article2, $article3] = [
+            Article::factory()->create([
+                'published_at' => now()->subDays(2),
+            ]),
+            Article::factory()->create([
+                'published_at' => now()->subDays(1),
+            ]),
+            Article::factory()->create([
+                'published_at' => now()->subDays(3),
+            ]),
+        ];
+
+        $this->get(route('blog'))
+            ->assertOk()
+            ->assertSeeInOrder([
+                $article2->title,
+                $article1->title,
+                $article3->title,
+            ]);
+    }
+
+    #[Test]
+    public function scheduled_articles_are_not_shown_on_the_blog_listing()
+    {
+        $article = Article::factory()->scheduled()->create();
+
+        $this->get(route('blog'))
+            ->assertOk()
+            ->assertDontSee($article->title)
+            ->assertDontSee(route('article', $article));
+    }
+
+    #[Test]
+    public function published_articles_are_visitable()
+    {
+        $article = Article::factory()->published()->create();
+
+        $this->get(route('article', $article))
+            ->assertOk();
+    }
+
+    #[Test]
+    public function scheduled_articles_return_a_404()
+    {
+        $article = Article::factory()->scheduled()->create();
+
+        $this->get(route('article', $article))
+            ->assertStatus(404);
+    }
+
+    #[Test]
+    public function articles_can_be_previewed_by_admin_users()
+    {
+        $article = Article::factory()->create([
+            'published_at' => null,
+        ]);
+
+        $admin = User::factory()->create();
+        Config::set('filament.users', [$admin->email]);
+
+        // Visitors
+        $this->get(route('article', $article))
+            ->assertStatus(404);
+
+        // Admins
+        $this->actingAs($admin)
+            ->get(route('article', $article))
+            ->assertOk();
+    }
+
+    #[Test]
+    public function articles_cant_be_previewed_by_regular_users()
+    {
+        $article = Article::factory()->create([
+            'published_at' => null,
+        ]);
+
+        $user = User::factory()->create();
+
+        // Non-admin users
+        $this->actingAs($user)
+            ->get(route('article', $article))
+            ->assertStatus(404);
+    }
+}