diff --git a/app/Enums/Concerns/Arrayable.php b/app/Enums/Concerns/Arrayable.php
new file mode 100644
index 0000000..c14cc96
--- /dev/null
+++ b/app/Enums/Concerns/Arrayable.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Enums\Concerns;
+
+trait Arrayable
+{
+    public static function toArray(): array
+    {
+        $names = array_column(self::cases(), 'name');
+        $values = array_column(self::cases(), 'value');
+
+        return array_combine($names, $values);
+    }
+}
\ No newline at end of file
diff --git a/app/Enums/DeploymentStatus.php b/app/Enums/DeploymentStatus.php
index 4b36b0b..8dd0ae7 100644
--- a/app/Enums/DeploymentStatus.php
+++ b/app/Enums/DeploymentStatus.php
@@ -2,8 +2,12 @@
 
 namespace App\Enums;
 
+use App\Enums\Concerns\Arrayable;
+
 enum DeploymentStatus: string
 {
+    use Arrayable;
+    
     case PENDING = 'pending';
     case IN_PROGRESS = 'in-progress';
     case COMPLETED = 'completed';
diff --git a/app/Enums/FirewallRuleStatus.php b/app/Enums/FirewallRuleStatus.php
index aa316aa..fbda689 100644
--- a/app/Enums/FirewallRuleStatus.php
+++ b/app/Enums/FirewallRuleStatus.php
@@ -2,8 +2,12 @@
 
 namespace App\Enums;
 
+use App\Enums\Concerns\Arrayable;
+
 enum FirewallRuleStatus: string
 {
+    use Arrayable;
+
     case NOT_APPLIED = 'not-applied';
     case APPLIED = 'applied';
     case FAILED = 'failed';
diff --git a/app/Enums/OrganisationRole.php b/app/Enums/OrganisationRole.php
index 7b55a9d..c7418c7 100644
--- a/app/Enums/OrganisationRole.php
+++ b/app/Enums/OrganisationRole.php
@@ -2,8 +2,12 @@
 
 namespace App\Enums;
 
+use App\Enums\Concerns\Arrayable;
+
 enum OrganisationRole: string
 {
+    use Arrayable;
+
     case ADMIN = 'admin';
     case MEMBER = 'member';
 }
diff --git a/app/Enums/RepositoryType.php b/app/Enums/RepositoryType.php
index 057968b..304d1df 100644
--- a/app/Enums/RepositoryType.php
+++ b/app/Enums/RepositoryType.php
@@ -2,7 +2,11 @@
 
 namespace App\Enums;
 
+use App\Enums\Concerns\Arrayable;
+
 enum RepositoryType: string
 {
+    use Arrayable;
+
     case GIT = 'git';
 }
\ No newline at end of file
diff --git a/app/Enums/ServerProvider.php b/app/Enums/ServerProvider.php
index 4f9a1dc..02686ad 100644
--- a/app/Enums/ServerProvider.php
+++ b/app/Enums/ServerProvider.php
@@ -2,8 +2,12 @@
 
 namespace App\Enums;
 
+use App\Enums\Concerns\Arrayable;
+
 enum ServerProvider: string
 {
+    use Arrayable;
+
     case HETZNER = 'hetzner';
     case DIGITAL_OCEAN = 'digital-ocean';
 }
diff --git a/app/Enums/ServerStatus.php b/app/Enums/ServerStatus.php
index 71af9a2..d8fd841 100644
--- a/app/Enums/ServerStatus.php
+++ b/app/Enums/ServerStatus.php
@@ -2,8 +2,12 @@
 
 namespace App\Enums;
 
+use App\Enums\Concerns\Arrayable;
+
 enum ServerStatus: string
 {
+    use Arrayable;
+    
     case WAITING_FOR_PROVIDER = 'waiting-for-provider';
     case PROVIDER_TIMEOUT = 'provider-timeout';
     case UNPROVISIONED = 'unprovisioned';
diff --git a/app/Enums/ServiceCategory.php b/app/Enums/ServiceCategory.php
index 0b5c9dc..f4223b2 100644
--- a/app/Enums/ServiceCategory.php
+++ b/app/Enums/ServiceCategory.php
@@ -2,8 +2,12 @@
 
 namespace App\Enums;
 
+use App\Enums\Concerns\Arrayable;
+
 enum ServiceCategory: string
 {
+    use Arrayable;
+    
     case DATABASE = 'database';
     case APPLICATION = 'application';
     case GATEWAY = 'gateway';
diff --git a/app/Enums/ServiceStatus.php b/app/Enums/ServiceStatus.php
index 2935dca..029068d 100644
--- a/app/Enums/ServiceStatus.php
+++ b/app/Enums/ServiceStatus.php
@@ -2,8 +2,12 @@
 
 namespace App\Enums;
 
+use App\Enums\Concerns\Arrayable;
+
 enum ServiceStatus: string
 {
+    use Arrayable;
+    
     case NOT_INSTALLED = 'not-installed';
     case INSTALLING = 'installing';
     case RUNNING = 'running';
diff --git a/app/Enums/ServiceType.php b/app/Enums/ServiceType.php
index 6da2bbb..1f14cc1 100644
--- a/app/Enums/ServiceType.php
+++ b/app/Enums/ServiceType.php
@@ -2,7 +2,11 @@
 
 namespace App\Enums;
 
+use App\Enums\Concerns\Arrayable;
+
 enum ServiceType: string {
+    use Arrayable;
+
     case FRANKENPHP = 'frankenphp';
     case PHP_FPM = 'php-fpm';
     case POSTGRES = 'postgres';
diff --git a/app/Models/Organisation.php b/app/Models/Organisation.php
index 5fedbaa..df1bc11 100644
--- a/app/Models/Organisation.php
+++ b/app/Models/Organisation.php
@@ -2,6 +2,7 @@
 
 namespace App\Models;
 
+use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Database\Eloquent\Relations\BelongsTo;
 use Illuminate\Database\Eloquent\Relations\BelongsToMany;
@@ -10,6 +11,9 @@ use Illuminate\Support\Str;
 
 class Organisation extends Model
 {
+    /** @use HasFactory<\Database\Factories\UserFactory> */
+    use HasFactory;
+
     protected $guarded = [];
 
     public function owner(): BelongsTo
diff --git a/app/Models/Server.php b/app/Models/Server.php
index e6afdd5..88a74d0 100644
--- a/app/Models/Server.php
+++ b/app/Models/Server.php
@@ -4,6 +4,7 @@ namespace App\Models;
 
 use App\Enums\ServerProvider;
 use App\Enums\ServerStatus;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Database\Eloquent\Relations\BelongsTo;
 use Illuminate\Database\Eloquent\Relations\HasMany;
@@ -11,6 +12,9 @@ use Spatie\Ssh\Ssh;
 
 class Server extends Model
 {
+    /** @use HasFactory<\Database\Factories\UserFactory> */
+    use HasFactory;
+
     protected $guarded = [];
 
     protected function casts(): array
diff --git a/app/Services/ServerProviders/HetznerService.php b/app/Services/ServerProviders/HetznerService.php
index 4cfbb65..1a48abe 100644
--- a/app/Services/ServerProviders/HetznerService.php
+++ b/app/Services/ServerProviders/HetznerService.php
@@ -104,6 +104,6 @@ class HetznerService extends ServerProviderService
                 osFlavor: $image['os_flavor'],
                 osVersion: $image['os_version'],
             );
-        })->values();
+        })->where('osVersion', '!=', 'unknown')->values();
     }
 }
diff --git a/database/factories/OrganisationFactory.php b/database/factories/OrganisationFactory.php
new file mode 100644
index 0000000..96e178c
--- /dev/null
+++ b/database/factories/OrganisationFactory.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Models\Organisation;
+use App\Models\User;
+use Illuminate\Database\Eloquent\Factories\Factory;
+
+/**
+ * @extends \Illuminate\Database\Eloquent\Factories\Factory<\App\Models\Organisation>
+ */
+class OrganisationFactory extends Factory
+{
+    /**
+     * Define the model's default state.
+     *
+     * @return array<string, mixed>
+     */
+    public function definition(): array
+    {
+        $name = $this->faker->company();
+        $owner = User::inRandomOrder()->first() ?: User::factory()->create();
+        return [
+            'name' => $this->faker->company(),
+            'slug' => Organisation::createUniqueSlug($name),
+            'owner_id' => $owner->id,
+        ];
+    }
+}
diff --git a/database/factories/ServerFactory.php b/database/factories/ServerFactory.php
new file mode 100644
index 0000000..a3be484
--- /dev/null
+++ b/database/factories/ServerFactory.php
@@ -0,0 +1,44 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Enums\ServerProvider;
+use App\Enums\ServerStatus;
+use Illuminate\Database\Eloquent\Factories\Factory;
+
+/**
+ * @extends \Illuminate\Database\Eloquent\Factories\Factory<\App\Models\Server>
+ */
+class ServerFactory extends Factory
+{
+    /**
+     * Define the model's default state.
+     *
+     * @return array<string, mixed>
+     */
+    public function definition(): array
+    {
+        return [
+            'name' => $this->faker->word(),
+            'provider' => ServerProvider::HETZNER,
+            'provider_id' => $this->faker->uuid(),
+            'ipv4' => $this->faker->ipv4(),
+            'ipv6' => $this->faker->ipv6(),
+            'provider_status' => '',
+            'status' => $this->faker->randomElement(ServerStatus::toArray()),
+            'region' => '28',
+            'os' => 'ubuntu',
+            'plan' => '26',
+            'user' => 'keystone',
+        ];
+    }
+
+    public function forOrganisation(int $organisationId): static
+    {
+        return $this->state(function (array $attributes) use ($organisationId) {
+            return [
+                'organisation_id' => $organisationId,
+            ];
+        });
+    }
+}
diff --git a/database/seeders/DatabaseSeeder.php b/database/seeders/DatabaseSeeder.php
index 6d951bd..13e5a09 100644
--- a/database/seeders/DatabaseSeeder.php
+++ b/database/seeders/DatabaseSeeder.php
@@ -5,6 +5,7 @@ namespace Database\Seeders;
 use App\Enums\OrganisationRole;
 use App\Enums\RepositoryType;
 use App\Models\Organisation;
+use App\Models\Server;
 use App\Models\User;
 // use Illuminate\Database\Console\Seeds\WithoutModelEvents;
 use Illuminate\Database\Seeder;
@@ -31,6 +32,10 @@ class DatabaseSeeder extends Seeder
             'owner_id' => 1,
         ]);
 
+        $servers = Server::factory(40)->forOrganisation($organisation->id)->create();
+
+        $organisation->servers()->saveMany($servers);
+
         $organisation->members()->attach($user, ['role'  => OrganisationRole::ADMIN]);
 
         $application = $organisation->applications()->create([
diff --git a/resources/js/pages/servers/Create.vue b/resources/js/pages/servers/Create.vue
index 8a5c421..d2ebda7 100644
--- a/resources/js/pages/servers/Create.vue
+++ b/resources/js/pages/servers/Create.vue
@@ -33,25 +33,62 @@ const serverProviders = [
 watch(
     () => form.provider,
     (provider) => {
-        console.log(provider);
+        loadLocations();
     },
 );
 
-if (form.provider && !props.locations) {
-    router.reload({
-        only: ['locations'],
-        data: {
-            provider: form.provider,
-        },
-        async: true,
-    });
+watch (
+    () => form.location,
+    (location) => {
+        loadServerTypes();
+    }
+)
+
+loadLocations();
+loadServerTypes();
+
+function loadLocations() {
+    if (form.provider && !props.locations) {
+        router.reload({
+            only: ['locations'],
+            data: {
+                provider: form.provider,
+            },
+            async: true,
+        });
+    }
+}
+
+function loadServerTypes() {
+    if (form.location && !props.serverTypes) {
+        router.reload({
+            only: ['serverTypes', 'images'],
+            data: {
+                provider: form.provider,
+                location: form.location,
+            },
+            async: true,
+        });
+    }
 }
 </script>
 
 <template>
     <Head title="Create Server" />
 
-    <AppLayout>
+    <AppLayout
+        :breadcrumbs="[
+            {
+                title: 'Servers',
+                href: route('servers.index', {
+                    organisation: $page.props.organisation.id,
+                }),
+            },
+            {
+                title: 'Create',
+            }
+        ]"
+    >
         <div class="flex h-full flex-1 flex-col gap-4 rounded-xl p-4">
             <div class="flex flex-wrap gap-2">
                 <RadioButton
@@ -65,17 +102,11 @@ if (form.provider && !props.locations) {
                 </RadioButton>
             </div>
             <div v-if="form.provider" class="flex flex-wrap gap-2">
-                <RadioButton
-                    v-for="location in locations"
-                    v-model="form.location"
-                    :value="location.id"
-                    :disabled="location.disabled"
-                    name="location"
-                >
+                <RadioButton v-for="location in locations" v-model="form.location" :value="location.id" :disabled="location.disabled" name="location">
                     {{ location.city }}
                 </RadioButton>
             </div>
-            <div v-if="form.location" class="grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-2">
+            <div v-if="form.location" class="grid gap-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
                 <RadioButton
                     v-for="serverType in serverTypes?.sort((a, b) => a.cores - b.cores) ?? []"
                     v-model="form.server_type"
@@ -84,21 +115,17 @@ if (form.provider && !props.locations) {
                     name="server-type"
                 >
                     <h5 class="text-lg font-semibold uppercase tracking-tight">{{ serverType.name }}</h5>
-                    <p class="text-sm opacity-60">{{ serverType.cores }} cores &bull; {{ serverType.memory }} GB RAM &bull; {{ serverType.disk }} GB disk</p>
+                    <p class="text-sm opacity-60">
+                        {{ serverType.cores }} cores &bull; {{ serverType.memory }} GB RAM &bull; {{ serverType.disk }} GB disk
+                    </p>
                 </RadioButton>
             </div>
-            <div v-if="form.server_type" class="flex gap-2 flex-wrap">
-                <RadioButton
-                    v-for="image in images"
-                    v-model="form.image"
-                    :value="image.id"
-                    :disabled="image.disabled"
-                    name="image"
-                >
+            <div v-if="form.server_type" class="flex flex-wrap gap-2">
+                <RadioButton v-for="image in images" v-model="form.image" :value="image.id" :disabled="image.disabled" name="image">
                     <h5 class="text-lg font-semibold tracking-tight">{{ image.name }}</h5>
                 </RadioButton>
             </div>
-            <div class="flex justify-end items-center">
+            <div class="flex items-center justify-end">
                 <Button @click="form.post(route('servers.store', { organisation: $page.props.organisation.id }))">Submit</Button>
             </div>
         </div>
diff --git a/resources/js/pages/servers/Index.vue b/resources/js/pages/servers/Index.vue
index 6b93afb..2142f9b 100644
--- a/resources/js/pages/servers/Index.vue
+++ b/resources/js/pages/servers/Index.vue
@@ -1,11 +1,13 @@
 <script setup>
+import { Badge } from '@/components/ui/badge';
 import { Card, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
 import AppLayout from '@/layouts/AppLayout.vue';
 import { Head, Link } from '@inertiajs/vue3';
 
 const props = defineProps({
     servers: {
-        type: [Array, null],
+        type: [Object, null],
         required: true,
     },
 });
@@ -14,27 +16,42 @@ const props = defineProps({
 <template>
     <Head title="Dashboard" />
 
-    <AppLayout :breadcrumbs="[
-        {
-            title: 'Servers',
-            href: route('servers.index', {
-                organisation: $page.props.organisation.id,
-            }),
-        },
-    ]">
+    <AppLayout
+        :breadcrumbs="[
+            {
+                title: 'Servers',
+                href: route('servers.index', {
+                    organisation: $page.props.organisation.id,
+                }),
+            },
+        ]"
+    >
+        <div class="flex justify-between items-center gap-3 p-4">
+            <h2 class="text-3xl font-bold tracking-tight">Servers</h2>
+            <div>
+                <Button :as="Link" :href="route('servers.create', {
+                    organisation: $page.props.organisation.id,
+                })">Create</Button>
+            </div>
+        </div>
         <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">
+            <Card v-for="server in servers.data" :key="`server{$servers.id}`" class="relative w-full">
                 <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;
+                    <CardDescription>
+                        <Badge :variant="server.status === 'active' ? 'success' : 'secondary'">{{ server.status.replace('-', ' ') }}</Badge> &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>
+                <Link
+                    :href="
+                        route('servers.show', {
+                            organisation: $page.props.organisation.id,
+                            server: server.id,
+                        })
+                    "
+                    class="absolute inset-0"
+                ></Link>
             </Card>
 
             <div>@todo pagination</div>
diff --git a/resources/js/pages/servers/Show.vue b/resources/js/pages/servers/Show.vue
index e5670e5..5a6f6f9 100644
--- a/resources/js/pages/servers/Show.vue
+++ b/resources/js/pages/servers/Show.vue
@@ -3,7 +3,9 @@ import { Badge } from '@/components/ui/badge';
 import { Card, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import AppLayout from '@/layouts/AppLayout.vue';
 import { Head } from '@inertiajs/vue3';
-import { DatabaseIcon, Layers2Icon } from 'lucide-vue-next';
+import { useCycleList, useInterval } from '@vueuse/core';
+import { DatabaseIcon, Layers2Icon, LoaderCircleIcon } from 'lucide-vue-next';
+import { watch } from 'vue';
 
 const props = defineProps({
     server: {
@@ -11,6 +13,20 @@ const props = defineProps({
         required: true,
     },
 });
+
+const { state: provisionMessage, next } = useCycleList([
+    'Provisioning your server...',
+    'Updating dependencies...',
+    'Tightening security...',
+    'Installing packages...',
+    'Configuring ssh...',
+    'Installing docker...',
+]);
+const { counter, reset, pause, resume } = useInterval(5000, { controls: true });
+
+watch(counter, () => {
+    next();
+});
 </script>
 
 <template>
@@ -42,24 +58,48 @@ const props = defineProps({
                 <div class="leading-none opacity-40">{{ server.ipv4 }} &bull; {{ server.ipv6 }}</div>
             </div>
 
-            <div>
-                <h3 class="text-2xl font-semibold tracking-tight mb-3">Services</h3>
-                <div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
-                    <Card v-for="service in server.services" :key="service.id">
-                        <CardHeader>
-                            <div class="flex items-center gap-2">
-                                <DatabaseIcon v-if="service.category === 'database'" class="size-5 opacity-50" />
-                                <CardTitle>{{ service.name }}</CardTitle>
-                                <Badge :variant="service.status === 'active' ? 'success' : 'secondary'">{{ service.status.replace('-', ' ') }}</Badge>
-                            </div>
-                            <CardDescription>
-                                <span class="capitalize">{{ service.type }}</span> {{ service.version }} &bull;
-                                <Layers2Icon class="inline-block size-4" /> {{ service.slices?.length }} slices
-                            </CardDescription>
-                        </CardHeader>
-                    </Card>
+            <template v-if="server.status === 'active'">
+                <div>
+                    <h3 class="mb-3 text-2xl font-semibold tracking-tight">Services</h3>
+                    <div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+                        <Card v-for="service in server.services" :key="service.id">
+                            <CardHeader>
+                                <div class="flex items-center gap-2">
+                                    <DatabaseIcon v-if="service.category === 'database'" class="size-5 opacity-50" />
+                                    <CardTitle>{{ service.name }}</CardTitle>
+                                    <Badge :variant="service.status === 'active' ? 'success' : 'secondary'">{{
+                                        service.status.replace('-', ' ')
+                                    }}</Badge>
+                                </div>
+                                <CardDescription>
+                                    <span class="capitalize">{{ service.type }}</span> {{ service.version }} &bull;
+                                    <Layers2Icon class="inline-block size-4" /> {{ service.slices?.length }} slices
+                                </CardDescription>
+                            </CardHeader>
+                        </Card>
+                    </div>
                 </div>
-            </div>
+            </template>
+            <template v-else-if="server.status === 'provisioning'">
+                <div class="flex items-center gap-4 py-6">
+                    <div class="flex-0 flex-shrink">
+                        <LoaderCircleIcon class="size-8 animate-spin" />
+                    </div>
+                    <div class="relative flex-grow">
+                        <Transition
+                            enter-active-class="transition duration-500 ease-in-out"
+                            enter-from-class="opacity-0 -translate-x-4"
+                            enter-to-class="opacity-100 translate-x-0"
+                            leave-active-class="transition absolute left-0 duration-500 ease-in-out"
+                            leave-from-class="opacity-100 translate-x-0"
+                            leave-to-class="opacity-0 translate-x-4"
+                        >
+                            <div :key="provisionMessage">{{ provisionMessage }}</div>
+                        </Transition>
+                    </div>
+                </div>
+            </template>
+            <template> Something else </template>
 
             <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">
diff --git a/tests/Feature/ServerControllerTest.php b/tests/Feature/ServerControllerTest.php
new file mode 100644
index 0000000..8926184
--- /dev/null
+++ b/tests/Feature/ServerControllerTest.php
@@ -0,0 +1,104 @@
+<?php
+
+use App\Actions\GetProviderService;
+use App\Data\ServerProviders\CreatedServer;
+use App\Models\Organisation;
+use App\Models\Server;
+use App\Models\User;
+use Illuminate\Support\Facades\Cache;
+use Illuminate\Support\Facades\Session;
+use Illuminate\Support\Str;
+use Inertia\Testing\AssertableInertia;
+
+use function Pest\Laravel\actingAs;
+
+beforeEach(function () {
+    // If you have database migrations or any setup, include it here
+    // For example, using Laravel's RefreshDatabase trait
+    // use Illuminate\Foundation\Testing\RefreshDatabase;
+
+    $this->user = User::factory()->create();
+    actingAs($this->user);
+});
+
+test('index route displays servers for an organisation', function () {
+    $organisation = Organisation::factory()->create();
+    Server::factory()->count(2)->create(['organisation_id' => $organisation->id]);
+
+    $response = $this->get(route('servers.index', ['organisation' => $organisation->id]));
+    $response->assertStatus(200);
+    $response->assertInertia(fn(AssertableInertia $page) => $page
+        ->component('servers/Index'));
+});
+
+test('create route returns inertia view', function () {
+    $organisation = Organisation::factory()->create();
+    $response = $this->get(route('servers.create', ['organisation' => $organisation->id]));
+    $response->assertStatus(200);
+    $response->assertInertia(fn(AssertableInertia $page) => $page
+        ->component('servers/Create'));
+});
+
+test('store route fails with invalid provider', function () {
+    $organisation = Organisation::factory()->create();
+
+    $response = $this->post(route('servers.store', ['organisation' => $organisation->id]), [
+        'provider' => 'invalid_provider',
+        'server_type' => 'cx11',
+        'location' => 'hel1',
+        'image' => 'ubuntu-20.04',
+    ]);
+
+    $response->assertSessionHas('error', 'Invalid provider');
+    $response->assertStatus(302); // redirect back
+});
+
+test('store route creates a server with valid data', function () {
+    $organisation = Organisation::factory()->create();
+
+    $this->mock(GetProviderService::class, function ($mock) {
+        $providerMock = \Mockery::mock(\App\Services\ServerProviders\ServerProviderService::class);
+
+        $providerMock->shouldReceive('createServer')->andReturn(
+            new CreatedServer(
+                name: 'test-server',
+                id: 123,
+                ipv4: '127.0.0.1',
+                ipv6: '::1',
+                status: 'running',
+                rootPassword: Str::random(16),
+                )
+        );
+
+        $mock->shouldReceive('execute')->andReturn($providerMock);
+    });
+
+    $response = $this->post(route('servers.store', ['organisation' => $organisation->id]), [
+        'provider' => 'hetzner',
+        'server_type' => 'cx11',
+        'location' => 'hel1',
+        'image' => 'ubuntu-20.04',
+    ]);
+
+    $response->assertRedirectContains('/servers/');
+    $this->assertDatabaseHas('servers', [
+        'organisation_id' => $organisation->id,
+        'provider' => 'hetzner',
+        'region' => 'hel1',
+        'os' => 'ubuntu-20.04',
+    ]);
+});
+
+test('show route displays a single server', function () {
+    $organisation = Organisation::factory()->create();
+    $server = Server::factory()->create(['organisation_id' => $organisation->id]);
+
+    $response = $this->get(route('servers.show', [
+        'organisation' => $organisation->id,
+        'server' => $server->id
+    ]));
+
+    $response->assertStatus(200);
+    $response->assertInertia(fn(AssertableInertia $page) => $page
+        ->component('servers/Show'));
+});