diff --git a/app/Data/Deployments/Plan.php b/app/Data/Deployments/Plan.php
new file mode 100644
index 0000000..8bb3f6a
--- /dev/null
+++ b/app/Data/Deployments/Plan.php
@@ -0,0 +1,15 @@
+<?php
+
+namespace App\Data\Deployments;
+
+class Plan
+{
+    /**
+     * @param Step[] $steps
+     */
+    public function __construct(
+        public array $steps = [],
+    ) {
+        //
+    }
+}
\ No newline at end of file
diff --git a/app/Data/Deployments/Step.php b/app/Data/Deployments/Step.php
new file mode 100644
index 0000000..05c81ea
--- /dev/null
+++ b/app/Data/Deployments/Step.php
@@ -0,0 +1,11 @@
+<?php
+
+namespace App\Data\Deployments;
+
+class Step
+{
+    public function __construct(
+    ) {
+        //
+    }
+}
\ No newline at end of file
diff --git a/app/Drivers/DatabaseDriver.php b/app/Drivers/DatabaseDriver.php
new file mode 100644
index 0000000..d545d4a
--- /dev/null
+++ b/app/Drivers/DatabaseDriver.php
@@ -0,0 +1,8 @@
+<?php
+
+namespace App\Drivers;
+
+interface DatabaseDriver extends Driver
+{
+    //
+}
\ No newline at end of file
diff --git a/app/Drivers/Driver.php b/app/Drivers/Driver.php
new file mode 100644
index 0000000..b02317a
--- /dev/null
+++ b/app/Drivers/Driver.php
@@ -0,0 +1,8 @@
+<?php
+
+namespace App\Drivers;
+
+interface Driver
+{
+    // 
+}
\ No newline at end of file
diff --git a/app/Drivers/Postgres/Postgres17Driver.php b/app/Drivers/Postgres/Postgres17Driver.php
new file mode 100644
index 0000000..70c46b4
--- /dev/null
+++ b/app/Drivers/Postgres/Postgres17Driver.php
@@ -0,0 +1,10 @@
+<?php
+
+namespace App\Drivers\Postgres;
+
+use App\Drivers\DatabaseDriver;
+
+class Postgres17Driver implements DatabaseDriver
+{
+    // @todo
+}
\ No newline at end of file
diff --git a/app/Enums/ServiceStatus.php b/app/Enums/ServiceStatus.php
new file mode 100644
index 0000000..582b6aa
--- /dev/null
+++ b/app/Enums/ServiceStatus.php
@@ -0,0 +1,11 @@
+<?php
+
+namespace App\Enums;
+
+enum ServiceStatus: string
+{
+    case RUNNING = 'running';
+    case STOPPED = 'stopped';
+    case ERROR = 'error';
+    case UNKNOWN = 'unknown';
+}
\ No newline at end of file
diff --git a/app/Http/Controllers/ServerController.php b/app/Http/Controllers/ServerController.php
index a6551b7..79d61f9 100644
--- a/app/Http/Controllers/ServerController.php
+++ b/app/Http/Controllers/ServerController.php
@@ -92,13 +92,6 @@ class ServerController extends Controller
             sudoPassword: $sudoPassword,
         ))->delay(now()->addSeconds(5));
 
-        logger('server created');
-        logger($createdServer->id);
-        logger($createdServer->ipv4);
-        logger($createdServer->ipv6);
-        logger($createdServer->rootPassword);
-        logger($sudoPassword);
-
         session()->flash('sudo_password', $sudoPassword);
 
         return redirect()->route('servers.show', ['organisation' => $organisation->id, 'server' => $server->id]);
diff --git a/app/Jobs/Servers/ProvisionServer.php b/app/Jobs/Servers/ProvisionServer.php
index f318cd7..85a4ec9 100644
--- a/app/Jobs/Servers/ProvisionServer.php
+++ b/app/Jobs/Servers/ProvisionServer.php
@@ -43,21 +43,12 @@ class ProvisionServer implements ShouldQueue, ShouldBeEncrypted
         ]);
         logger('executing script on server');
         if (! $result->isSuccessful()) {
-            logger('failed to execute script on server');
-            logger($result->getOutput());
-            logger($result->getErrorOutput());
-            logger($result->getExitCode());
             $this->server->update([
                 'status' => ServerStatus::PROVISIONING_FAILED,
             ]);
             return;
         }
 
-        logger('script executed on server');
-        logger($result->getOutput());
-        logger($result->getErrorOutput());
-        logger($result->getExitCode());
-
         $this->server->update([
             'status' => ServerStatus::PROVISIONING,
         ]);
diff --git a/app/Jobs/Servers/WaitForServerToConnect.php b/app/Jobs/Servers/WaitForServerToConnect.php
index d6df088..0fd3fca 100644
--- a/app/Jobs/Servers/WaitForServerToConnect.php
+++ b/app/Jobs/Servers/WaitForServerToConnect.php
@@ -34,12 +34,6 @@ class WaitForServerToConnect implements ShouldQueue, ShouldBeEncrypted
             ->execute('echo "Connected"');
 
         if (! $process->isSuccessful()) {
-            logger('root pw: ' . $this->rootPassword);
-            logger('server not reachable');
-            logger('exit code' . $process->getExitCode());
-            logger('output');
-            logger($process->getOutput());
-            logger($process->getErrorOutput());
             $this->release(15);
             return;
         }
diff --git a/app/Models/Service.php b/app/Models/Service.php
index 5d1e332..148798c 100644
--- a/app/Models/Service.php
+++ b/app/Models/Service.php
@@ -2,6 +2,8 @@
 
 namespace App\Models;
 
+use App\Drivers\Driver;
+use App\Enums\ServiceStatus;
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Database\Eloquent\Relations\BelongsTo;
 use Illuminate\Database\Eloquent\Relations\HasMany;
@@ -10,6 +12,13 @@ class Service extends Model
 {
     protected $guarded = [];
 
+    protected function casts(): array
+    {
+        return [
+            'status' => ServiceStatus::class,
+        ];
+    }
+
     public function server(): BelongsTo
     {
         return $this->belongsTo(Server::class);
@@ -19,4 +28,9 @@ class Service extends Model
     {
         return $this->hasMany(Slice::class);
     }
+
+    public function driver()//: Driver
+    {
+        // @todo. This is the class that controls the service
+    }
 }
diff --git a/database/migrations/2025_03_27_121050_create_services_table.php b/database/migrations/2025_03_27_121050_create_services_table.php
index 7cd8c2b..250e41a 100644
--- a/database/migrations/2025_03_27_121050_create_services_table.php
+++ b/database/migrations/2025_03_27_121050_create_services_table.php
@@ -12,9 +12,14 @@ return new class extends Migration
         Schema::create('services', function (Blueprint $table) {
             $table->id();
             $table->foreignIdFor(Server::class);
-            $table->string('category');
-            $table->string('type');
             $table->string('name');
+            $table->string('status');
+            $table->string('category'); // database / cache / webserver
+            $table->string('type'); // postgres / redis / caddy
+            $table->string('version'); // 17 / 7 / 2
+            $table->string('driver_name');
+            $table->string('container_name')->nullable();
+            $table->string('container_id')->nullable();
             $table->timestamps();
         });
     }
diff --git a/resources/js/components/AppSidebarHeader.vue b/resources/js/components/AppSidebarHeader.vue
index 18d7844..3e7158e 100644
--- a/resources/js/components/AppSidebarHeader.vue
+++ b/resources/js/components/AppSidebarHeader.vue
@@ -20,10 +20,18 @@ const environment = usePage().props.environment ?? null;
     <header
         class="flex h-16 shrink-0 items-center gap-2 border-b border-sidebar-border/70 px-6 transition-[width,height] ease-in-out group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12 md:px-4"
     >
-        <div class="flex items-center gap-4">
+        <div class="flex w-full items-center gap-4">
             <SidebarTrigger class="-ml-1" />
-            <div class="gap-0.25 flex items-center">
-                <Button :as="organisation ? Link : 'button'" :href="organisation ? route('organisations.show', { organisation: organisation?.id }) : null" variant="ghost" size="xs">
+            <template v-if="breadcrumbs.length > 0">
+                <Breadcrumbs :breadcrumbs="breadcrumbs" />
+            </template>
+            <div class="gap-0.25 ml-auto flex items-center">
+                <Button
+                    :as="organisation ? Link : 'button'"
+                    :href="organisation ? route('organisations.show', { organisation: organisation?.id }) : null"
+                    variant="ghost"
+                    size="xs"
+                >
                     {{ organisation?.name ?? 'Select Organisation' }}
                 </Button>
                 <DropdownMenu>
@@ -42,15 +50,18 @@ const environment = usePage().props.environment ?? null;
             </div>
             <div v-if="organisation" class="gap-0.25 flex items-center">
                 <Button
+                    :disabled="!organisation?.applications?.length"
                     :as="application ? Link : 'button'"
-                    :href="application ? route('applications.show', { organisation: application.organisation_id, application: application.id }) : null"
+                    :href="
+                        application ? route('applications.show', { organisation: application.organisation_id, application: application.id }) : null
+                    "
                     variant="ghost"
                     size="xs"
                 >
-                    {{ application?.name ?? 'Select Application' }}
+                    {{ application?.name ?? 'Application' }}
                 </Button>
                 <DropdownMenu>
-                    <DropdownMenuTrigger :as="Button" size="iconxs" variant="ghost">
+                    <DropdownMenuTrigger :as="Button" size="iconxs" variant="ghost" :disabled="!organisation?.applications?.length">
                         <ChevronsUpDown class="size-3" />
                     </DropdownMenuTrigger>
                     <DropdownMenuContent>
@@ -63,32 +74,44 @@ const environment = usePage().props.environment ?? null;
                     </DropdownMenuContent>
                 </DropdownMenu>
             </div>
-            <div v-if="application" class="gap-0.25 flex items-center">
+            <div class="gap-0.25 flex items-center">
                 <Button
+                    :disabled="!application?.environments?.length"
                     :as="environment ? Link : 'button'"
-                    :href="environment ? route('environments.show', { organisation: application.organisation_id, application: application.id, environment: environment.id  }) : null"
+                    :href="
+                        environment
+                            ? route('environments.show', {
+                                  organisation: application.organisation_id,
+                                  application: application.id,
+                                  environment: environment.id,
+                              })
+                            : null
+                    "
                     variant="ghost"
                     size="xs"
                 >
-                    {{ environment?.name ?? 'Select Environment' }}
+                    {{ environment?.name ?? 'Environment' }}
                 </Button>
                 <DropdownMenu>
-                    <DropdownMenuTrigger :as="Button" size="iconxs" variant="ghost">
+                    <DropdownMenuTrigger :as="Button" size="iconxs" variant="ghost" :disabled="!application?.environments?.length">
                         <ChevronsUpDown class="size-3" />
                     </DropdownMenuTrigger>
                     <DropdownMenuContent>
                         <DropdownMenuItem
                             v-for="env in application?.environments"
                             :as="Link"
-                            :href="route('environments.show', { organisation: application.organisation_id, application: application.id, environment: env.id })"
+                            :href="
+                                route('environments.show', {
+                                    organisation: application.organisation_id,
+                                    application: application.id,
+                                    environment: env.id,
+                                })
+                            "
                             >{{ env.name }}</DropdownMenuItem
                         >
                     </DropdownMenuContent>
                 </DropdownMenu>
             </div>
-            <template v-if="breadcrumbs.length > 0">
-                <Breadcrumbs :breadcrumbs="breadcrumbs" />
-        </template>
         </div>
     </header>
 </template>
diff --git a/resources/js/pages/servers/Index.vue b/resources/js/pages/servers/Index.vue
index 9f6b1fe..6b93afb 100644
--- a/resources/js/pages/servers/Index.vue
+++ b/resources/js/pages/servers/Index.vue
@@ -1,6 +1,7 @@
-<script setup lang="ts">
+<script setup>
+import { Card, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import AppLayout from '@/layouts/AppLayout.vue';
-import { Head } from '@inertiajs/vue3';
+import { Head, Link } from '@inertiajs/vue3';
 
 const props = defineProps({
     servers: {
@@ -13,9 +14,28 @@ const props = defineProps({
 <template>
     <Head title="Dashboard" />
 
-    <AppLayout>
-        <div class="flex h-full flex-1 flex-col gap-4 rounded-xl p-4">
-            {{ servers.data }}
+    <AppLayout :breadcrumbs="[
+        {
+            title: 'Servers',
+            href: route('servers.index', {
+                organisation: $page.props.organisation.id,
+            }),
+        },
+    ]">
+        <div class="grid gap-4 rounded-xl p-4 md:grid-cols-2 lg:grid-cols-3">
+            <Card v-for="server in servers.data" :key="`server{$servers.id}`" class="w-full relative">
+                <CardHeader>
+                    <CardTitle>{{ server.name }}</CardTitle>
+                    <CardDescription
+                        ><span class="inline-block rounded-md bg-green-200 px-2 text-xs uppercase text-green-800">{{ server.status }}</span> &bull;
+                        {{ server.ipv4 || server.ipv6 }}</CardDescription
+                    >
+                </CardHeader>
+                <Link :href="route('servers.show', {
+                    organisation: $page.props.organisation.id,
+                    server: server.id,
+                })" class="absolute inset-0"></Link>
+            </Card>
 
             <div>@todo pagination</div>
         </div>
diff --git a/resources/js/pages/servers/Show.vue b/resources/js/pages/servers/Show.vue
index 29fd377..61f5be1 100644
--- a/resources/js/pages/servers/Show.vue
+++ b/resources/js/pages/servers/Show.vue
@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import AppLayout from '@/layouts/AppLayout.vue';
-import { type BreadcrumbItem } from '@/types';
 import { Head } from '@inertiajs/vue3';
-import PlaceholderPattern from '../components/PlaceholderPattern.vue';
 
 const props = defineProps({
     server: {
@@ -15,13 +13,29 @@ const props = defineProps({
 <template>
     <Head :title="server.name" />
 
-    <AppLayout>
+    <AppLayout
+        :breadcrumbs="[
+            {
+                title: 'Servers',
+                href: route('servers.index', {
+                    organisation: $page.props.organisation.id,
+                }),
+            },
+            {
+                title: server.name,
+                href: route('servers.show', {
+                    organisation: $page.props.organisation.id,
+                    server: server.id,
+                }),
+            },
+        ]"
+    >
         <div class="flex h-full flex-1 flex-col gap-4 rounded-xl p-4">
             {{ server }}
 
             <div v-if="$page.props.flash?.server_credentials" class="p-5">
                 <div class="mb-4 text-sm font-medium text-gray-900 dark:text-white">
-                    WILL NOT BE SHOWN AGAIN: 
+                    WILL NOT BE SHOWN AGAIN:
                     {{ $page.props.flash.server_credentials }}
                 </div>
             </div>