diff --git a/dashboard/public/js/index.js b/dashboard/public/js/index.js
index fe8668ae1..ab95e9ab1 100644
--- a/dashboard/public/js/index.js
+++ b/dashboard/public/js/index.js
@@ -77,8 +77,8 @@ app.config(['$routeProvider', function ($routeProvider) {
         // controller: 'NetworkController',
         // templateUrl: 'views/network.html?' + window.VITE_CACHE_ID
     }).when('/domains', {
-        controller: 'DomainsController',
-        templateUrl: 'views/domains.html?' + window.VITE_CACHE_ID
+        // controller: 'DomainsController',
+        // templateUrl: 'views/domains.html?' + window.VITE_CACHE_ID
     }).when('/email', {
         controller: 'EmailsController',
         templateUrl: 'views/emails.html?' + window.VITE_CACHE_ID
diff --git a/dashboard/src/Index.vue b/dashboard/src/Index.vue
index 94ca84030..a5af3bf46 100644
--- a/dashboard/src/Index.vue
+++ b/dashboard/src/Index.vue
@@ -4,6 +4,7 @@ import { Notification } from 'pankow';
 
 import AppsView from './views/AppsView.vue';
 import AppstoreView from './views/AppstoreView.vue';
+import DomainsView from './views/DomainsView.vue';
 import EventlogView from './views/EventlogView.vue';
 import NetworkView from './views/NetworkView.vue';
 import ProfileView from './views/ProfileView.vue';
@@ -20,6 +21,7 @@ const API_ORIGIN = import.meta.env.VITE_API_ORIGIN ? import.meta.env.VITE_API_OR
 const VIEWS = {
   APPS: 'apps',
   APPSTORE: 'appstore',
+  DOMAINS: 'domains',
   EVENTLOG: 'eventlog',
   NETWORK: 'network',
   PROFILE: 'profile',
@@ -35,6 +37,7 @@ export default {
   components: {
     AppsView,
     AppstoreView,
+    DomainsView,
     EventlogView,
     NetworkView,
     Notification,
@@ -72,6 +75,8 @@ export default {
         that.view = VIEWS.APPS;
       } else if (view.indexOf(VIEWS.APPSTORE) === 0) {
         that.view = VIEWS.APPSTORE;
+      } else if (view === VIEWS.DOMAINS) {
+        that.view = VIEWS.DOMAINS;
       } else if (view === VIEWS.EVENTLOG) {
         that.view = VIEWS.EVENTLOG;
       } else if (view === VIEWS.NETWORK) {
@@ -109,6 +114,7 @@ export default {
 
     <AppsView v-if="view === VIEWS.APPS" />
     <AppstoreView v-else-if="view === VIEWS.APPSTORE" />
+    <DomainsView v-else-if="view === VIEWS.DOMAINS" />
     <EventlogView v-else-if="view === VIEWS.EVENTLOG" />
     <NetworkView v-else-if="view === VIEWS.NETWORK" />
     <ProfileView v-else-if="view === VIEWS.PROFILE" />
diff --git a/dashboard/src/components/AppInstallDialog.vue b/dashboard/src/components/AppInstallDialog.vue
index d420cca2c..1e73a6cb1 100644
--- a/dashboard/src/components/AppInstallDialog.vue
+++ b/dashboard/src/components/AppInstallDialog.vue
@@ -122,8 +122,12 @@ function onClose() {
 }
 
 onMounted(async () => {
-  domains.value = await domainsModel.list();
-  const [error, result] = await dashboardModel.getConfig();
+  let [error, result] = await domainsModel.list();
+  if (error) return console.error(error);
+
+  domains.value = result;
+
+  [error, result] = await dashboardModel.getConfig();
   if (error) return console.error(error);
 
   // preselect with dashboard domain
diff --git a/dashboard/src/components/Certificates.vue b/dashboard/src/components/Certificates.vue
new file mode 100644
index 000000000..226f827e7
--- /dev/null
+++ b/dashboard/src/components/Certificates.vue
@@ -0,0 +1,85 @@
+<script setup>
+
+const API_ORIGIN = import.meta.env.VITE_API_ORIGIN ? import.meta.env.VITE_API_ORIGIN : window.location.origin;
+
+import { ref, onMounted } from 'vue';
+import { Button, ProgressBar } from 'pankow';
+import { prettyLongDate } from 'pankow/utils';
+import { TASK_TYPES } from '../constants.js';
+import Section from '../components/Section.vue';
+import TasksModel from '../models/TasksModel.js';
+import DomainsModel from '../models/DomainsModel.js';
+
+const taskModel = TasksModel.create(API_ORIGIN, localStorage.token);
+const domainsModel = DomainsModel.create(API_ORIGIN, localStorage.token);
+
+const lastTask = ref({});
+const taskLogsMenu = ref([]);
+
+async function waitForLastTask() {
+  if (!lastTask.value.id) return;
+
+  const [error, result] = await taskModel.get(lastTask.value.id);
+  if (error) return console.error(error);
+
+  lastTask.value = result;
+
+  // task done, refresh menu
+  if (!result.active) return await refreshTasks();
+
+  setTimeout(waitForLastTask, 2000);
+}
+
+async function refreshTasks() {
+  const [error, result] = await taskModel.getByType(TASK_TYPES.TASK_CHECK_CERTS);
+  if (error) return console.error(error);
+
+  lastTask.value = result[0] || {};
+
+  // limit to last 10
+  taskLogsMenu.value = result.slice(0,10).map(t => {
+    return {
+      icon: 'fa-solid ' + ((!t.active && t.success) ? 'status-active fa-check-circle' : (t.active ? 'fa-circle-notch fa-spin' : 'status-error fa-times-circle')),
+      label: prettyLongDate(t.ts),
+      action: () => { window.open(`/logs.html?taskId=${t.id}`); }
+    };
+  });
+
+  // if last task is currently active, start polling
+  if (lastTask.value.active) waitForLastTask();
+}
+
+async function onRenew() {
+  lastTask.value.active = true;
+  lastTask.value.percent = 0;
+  lastTask.value.message = 'Queued';
+
+  // always rebuild the nginx configs when triggered via the UI. we assume user is clicking this because something is wrong
+  const [error] = await domainsModel.renewCerts({ rebuild: true });
+  if (error) return console.error(error);
+
+  await refreshTasks();
+}
+
+onMounted(async () => {
+  await refreshTasks();
+});
+
+</script>
+
+<template>
+  <Section :title="$t('domains.renewCerts.title')">
+    <template #header-buttons>
+      <Button tool icon="fa-solid fa-align-left" v-tooltip="$t('domains.renewCerts.showLogsAction')" :menu="taskLogsMenu" :disabled="!taskLogsMenu.length"/>
+    </template>
+
+    <p v-html="$t('domains.renewCerts.description')"></p>
+
+    <div v-if="lastTask.active">
+      <ProgressBar :value="lastTask.percent" />
+      <div>{{ lastTask.message }}</div>
+    </div>
+
+    <Button @click="onRenew()" :loading="lastTask.active" :disabled="lastTask.active">{{ $t('domains.renewCerts.renewAllAction') }}</Button>
+  </Section>
+</template>
\ No newline at end of file
diff --git a/dashboard/src/components/DashboardDomain.vue b/dashboard/src/components/DashboardDomain.vue
new file mode 100644
index 000000000..820ead679
--- /dev/null
+++ b/dashboard/src/components/DashboardDomain.vue
@@ -0,0 +1,109 @@
+<script setup>
+
+const API_ORIGIN = import.meta.env.VITE_API_ORIGIN ? import.meta.env.VITE_API_ORIGIN : window.location.origin;
+
+import { ref, onMounted } from 'vue';
+import { Button, ProgressBar, Dropdown } from 'pankow';
+import { prettyLongDate } from 'pankow/utils';
+import { TASK_TYPES } from '../constants.js';
+import Section from '../components/Section.vue';
+import TasksModel from '../models/TasksModel.js';
+import DomainsModel from '../models/DomainsModel.js';
+import DashboardModel from '../models/DashboardModel.js';
+
+const taskModel = TasksModel.create(API_ORIGIN, localStorage.token);
+const domainsModel = DomainsModel.create(API_ORIGIN, localStorage.token);
+const dashboardModel = DashboardModel.create(API_ORIGIN, localStorage.token);
+
+const domains = ref([]);
+const newDomain = ref('');
+const lastTask = ref({});
+const taskLogsMenu = ref([]);
+
+async function waitForLastTask() {
+  if (!lastTask.value.id) return;
+
+  const [error, result] = await taskModel.get(lastTask.value.id);
+  if (error) return console.error(error);
+
+  lastTask.value = result;
+
+  if (!result.active) {
+    if (result.success) {
+      const [error] = await dashboardModel.setDomain(newDomain.value);
+      if (error) return console.error(error);
+      window.location.href = 'https://my.' + newDomain.value;
+    } else {
+      await refreshTasks();
+    }
+
+    return;
+  }
+
+  setTimeout(waitForLastTask, 2000);
+}
+
+async function refreshTasks() {
+  const [error, result] = await taskModel.getByType(TASK_TYPES.TASK_PREPARE_DASHBOARD_LOCATION);
+  if (error) return console.error(error);
+
+  lastTask.value = result[0] || {};
+
+  // limit to last 10
+  taskLogsMenu.value = result.slice(0,10).map(t => {
+    return {
+      icon: 'fa-solid ' + ((!t.active && t.success) ? 'status-active fa-check-circle' : (t.active ? 'fa-circle-notch fa-spin' : 'status-error fa-times-circle')),
+      label: prettyLongDate(t.ts),
+      action: () => { window.open(`/logs.html?taskId=${t.id}`); }
+    };
+  });
+
+  // if last task is currently active, start polling
+  if (lastTask.value.active) waitForLastTask();
+}
+
+async function onSubmit() {
+  lastTask.value.active = true;
+  lastTask.value.percent = 0;
+  lastTask.value.message = 'Preparing dashboard domain';
+
+  const [error] = await dashboardModel.prepareDomain({ domain: newDomain.value });
+  if (error) return console.error(error);
+
+  await refreshTasks();
+}
+
+onMounted(async () => {
+  let [error, result] = await domainsModel.list();
+  if (error) return console.error(error);
+
+  domains.value = result;
+
+  [error, result] = await dashboardModel.getConfig();
+  if (error) return console.error(error);
+
+  newDomain.value = (domains.value.find(d => d.domain === result.adminDomain) || domains.value[0]).domain;
+
+  await refreshTasks();
+});
+
+</script>
+
+<template>
+  <Section :title="$t('domains.changeDashboardDomain.title')">
+    <template #header-buttons>
+      <Button tool icon="fa-solid fa-align-left" v-tooltip="$t('domains.renewCerts.showLogsAction')" :menu="taskLogsMenu" :disabled="!taskLogsMenu.length"/>
+    </template>
+
+    <p v-html="$t('domains.changeDashboardDomain.description')"></p>
+
+    <div v-if="lastTask.active">
+      <ProgressBar :value="lastTask.percent" />
+      <div>{{ lastTask.message }}</div>
+    </div>
+
+    <Dropdown v-model="newDomain" :options="domains" option-key="domain" option-label="domain" />
+
+    <Button @click="onSubmit()" :loading="lastTask.active" :disabled="lastTask.active">{{ $t('domains.changeDashboardDomain.changeAction') }}</Button>
+  </Section>
+</template>
\ No newline at end of file
diff --git a/dashboard/src/components/ExposedLdap.vue b/dashboard/src/components/ExposedLdap.vue
index b2f24a3e9..7e82f969d 100644
--- a/dashboard/src/components/ExposedLdap.vue
+++ b/dashboard/src/components/ExposedLdap.vue
@@ -54,8 +54,12 @@ async function onSubmit() {
 }
 
 onMounted(async () => {
-  const domains = await domainsModel.list();
-  let [error, result] = await dashboardModel.getConfig();
+  let [error, result] = await domainsModel.list();
+  if (error) return console.error(error);
+
+  const domains = result;
+
+  [error, result] = await dashboardModel.getConfig();
   if (error) return console.error(error);
 
   ldapUrl.value = 'ldaps://' + result.adminFqdn + ':636';
diff --git a/dashboard/src/components/SyncDns.vue b/dashboard/src/components/SyncDns.vue
new file mode 100644
index 000000000..6e9253319
--- /dev/null
+++ b/dashboard/src/components/SyncDns.vue
@@ -0,0 +1,85 @@
+<script setup>
+
+const API_ORIGIN = import.meta.env.VITE_API_ORIGIN ? import.meta.env.VITE_API_ORIGIN : window.location.origin;
+
+import { ref, onMounted } from 'vue';
+import { Button, ProgressBar } from 'pankow';
+import { prettyLongDate } from 'pankow/utils';
+import { TASK_TYPES } from '../constants.js';
+import Section from '../components/Section.vue';
+import TasksModel from '../models/TasksModel.js';
+import DomainsModel from '../models/DomainsModel.js';
+
+const taskModel = TasksModel.create(API_ORIGIN, localStorage.token);
+const domainsModel = DomainsModel.create(API_ORIGIN, localStorage.token);
+
+const lastTask = ref({});
+const taskLogsMenu = ref([]);
+
+async function waitForLastTask() {
+  if (!lastTask.value.id) return;
+
+  const [error, result] = await taskModel.get(lastTask.value.id);
+  if (error) return console.error(error);
+
+  lastTask.value = result;
+
+  // task done, refresh menu
+  if (!result.active) return await refreshTasks();
+
+  setTimeout(waitForLastTask, 2000);
+}
+
+async function refreshTasks() {
+  const [error, result] = await taskModel.getByType(TASK_TYPES.TASK_SYNC_DNS_RECORDS);
+  if (error) return console.error(error);
+
+  lastTask.value = result[0] || {};
+
+  // limit to last 10
+  taskLogsMenu.value = result.slice(0,10).map(t => {
+    return {
+      icon: 'fa-solid ' + ((!t.active && t.success) ? 'status-active fa-check-circle' : (t.active ? 'fa-circle-notch fa-spin' : 'status-error fa-times-circle')),
+      label: prettyLongDate(t.ts),
+      action: () => { window.open(`/logs.html?taskId=${t.id}`); }
+    };
+  });
+
+  // if last task is currently active, start polling
+  if (lastTask.value.active) waitForLastTask();
+}
+
+async function onSync() {
+  lastTask.value.active = true;
+  lastTask.value.percent = 0;
+  lastTask.value.message = 'Queued';
+
+  // no options means all records
+  const [error] = await domainsModel.setDnsRecords({});
+  if (error) return console.error(error);
+
+  await refreshTasks();
+}
+
+onMounted(async () => {
+  await refreshTasks();
+});
+
+</script>
+
+<template>
+  <Section :title="$t('domains.syncDns.title')">
+    <template #header-buttons>
+      <Button tool icon="fa-solid fa-align-left" v-tooltip="$t('domains.renewCerts.showLogsAction')" :menu="taskLogsMenu" :disabled="!taskLogsMenu.length"/>
+    </template>
+
+    <p v-html="$t('domains.syncDns.description')"></p>
+
+    <div v-if="lastTask.active">
+      <ProgressBar :value="lastTask.percent" />
+      <div>{{ lastTask.message }}</div>
+    </div>
+
+    <Button @click="onSync()" :loading="lastTask.active" :disabled="lastTask.active">{{ $t('domains.syncDns.syncAction') }}</Button>
+  </Section>
+</template>
\ No newline at end of file
diff --git a/dashboard/src/models/DashboardModel.js b/dashboard/src/models/DashboardModel.js
index d33ef63ae..d50c8e062 100644
--- a/dashboard/src/models/DashboardModel.js
+++ b/dashboard/src/models/DashboardModel.js
@@ -14,6 +14,28 @@ function create(origin, accessToken) {
       if (error || result.status !== 200) return [error || result];
       return [null, result.body];
     },
+    async prepareDomain(domain) {
+      let error, result;
+      try {
+        result = await fetcher.post(`${origin}/api/v1/dashboard/prepare_location`, { domain }, { access_token: accessToken });
+      } catch (e) {
+        error = e;
+      }
+
+      if (error || result.status !== 202) return [error || result];
+      return [null, result.body.taskId];
+    },
+    async setDomain(domain) {
+      let error, result;
+      try {
+        result = await fetcher.post(`${origin}/api/v1/dashboard/location`, { domain }, { access_token: accessToken });
+      } catch (e) {
+        error = e;
+      }
+
+      if (error || result.status !== 204) return [error || result];
+      return [null];
+    },
   };
 }
 
diff --git a/dashboard/src/models/DomainsModel.js b/dashboard/src/models/DomainsModel.js
index 701e4a010..a1c5e15bd 100644
--- a/dashboard/src/models/DomainsModel.js
+++ b/dashboard/src/models/DomainsModel.js
@@ -3,7 +3,6 @@ import { fetcher } from 'pankow';
 
 function create(origin, accessToken) {
   return {
-    name: 'DomainsModel',
     async list() {
       let error, result;
       try {
@@ -12,13 +11,31 @@ function create(origin, accessToken) {
         error = e;
       }
 
-      if (error || result.status !== 200) {
-        console.error('Failed to list domains.', error || result.status);
-        return [];
+      if (error || result.status !== 200) return [error || result];
+      return [null, result.body.domains];
+    },
+    async renewCerts(options) {
+      let error, result;
+      try {
+        result = await fetcher.post(`${origin}/api/v1/reverseproxy/renew_certs`, { rebuild: !!options.rebuild }, { access_token: accessToken });
+      } catch (e) {
+        error = e;
       }
 
-      return result.body.domains;
+      if (error || result.status !== 202) return [error || result];
+      return [null, result.body.taskId];
     },
+    async setDnsRecords(options) {
+      let error, result;
+      try {
+        result = await fetcher.post(`${origin}/api/v1/domains/sync_dns`, options, { access_token: accessToken });
+      } catch (e) {
+        error = e;
+      }
+
+      if (error || result.status !== 201) return [error || result];
+      return [null, result.body.taskId];
+    }
   };
 }
 
diff --git a/dashboard/src/views/AppsView.vue b/dashboard/src/views/AppsView.vue
index dfa82a67b..99cd66bc0 100644
--- a/dashboard/src/views/AppsView.vue
+++ b/dashboard/src/views/AppsView.vue
@@ -181,7 +181,9 @@ export default {
   async mounted() {
     await this.refreshApps();
 
-    const domains = await domainsModel.list();
+    const [error, domains] = await domainsModel.list();
+    if (error) return console.error(error);
+
     this.domainFilterOptions = this.domainFilterOptions.concat(domains.map(d => { d.id = d.domain; return d; }));
     this.domainFilter = this.domainFilterOptions[0].id;
 
diff --git a/dashboard/src/views/DomainsView.vue b/dashboard/src/views/DomainsView.vue
new file mode 100644
index 000000000..6c85d044f
--- /dev/null
+++ b/dashboard/src/views/DomainsView.vue
@@ -0,0 +1,127 @@
+<script setup>
+
+const API_ORIGIN = import.meta.env.VITE_API_ORIGIN ? import.meta.env.VITE_API_ORIGIN : window.location.origin;
+
+import { ref, onMounted } from 'vue';
+import { Button, ButtonGroup } from 'pankow';
+import Certificates from '../components/Certificates.vue';
+import SyncDns from '../components/SyncDns.vue';
+import DashboardDomain from '../components/DashboardDomain.vue';
+import Section from '../components/Section.vue';
+import DashboardModel from '../models/DashboardModel.js';
+import DomainsModel from '../models/DomainsModel.js';
+
+const dashboardModel = DashboardModel.create(API_ORIGIN, localStorage.token);
+const domainsModel = DomainsModel.create(API_ORIGIN, localStorage.token);
+
+const domains = ref([]);
+const pageSize = 20;
+const dashboardDomain = ref('');
+
+function prettyProviderName(domain) {
+  switch (domain.provider) {
+    case 'bunny': return 'Bunny';
+    case 'route53': return 'AWS Route53';
+    case 'cloudflare': return 'Cloudflare';
+    case 'desec': return 'deSEC';
+    case 'digitalocean': return 'DigitalOcean';
+    case 'dnsimple': return 'dnsimple';
+    case 'gandi': return 'Gandi LiveDNS';
+    case 'hetzner': return 'Hetzner DNS';
+    case 'inwx': return 'INWX';
+    case 'linode': return 'Linode';
+    case 'namecom': return 'Name.com';
+    case 'namecheap': return 'Namecheap';
+    case 'netcup': return 'Netcup';
+    case 'ovh': return 'OVH';
+    case 'gcdns': return 'Google Cloud';
+    case 'godaddy': return 'GoDaddy';
+    case 'vultr': return 'Vultr';
+    case 'manual': return 'Manual';
+    case 'porkbun': return 'Porkbun';
+    case 'wildcard': return 'Wildcard';
+    case 'noop': return 'No-op';
+    default: return 'Unknown';
+  }
+};
+
+function onAdd () {
+
+}
+
+function onEdit(domain) {
+
+}
+
+function onRemove(domain) {
+
+}
+
+function onEditWellKnown(domain) {
+
+}
+
+onMounted(async () => {
+  let [error, result] = await domainsModel.list();
+  if (error) return console.error(error);
+
+  domains.value = result;
+
+  console.log(result);
+
+  [error, result] = await dashboardModel.getConfig();
+  if (error) return console.error(error);
+
+  dashboardDomain.value = result.adminDomain;
+});
+
+</script>
+
+<template>
+  <div class="content">
+    <Section :title="$t('domains.title')">
+      <template #header-buttons>
+        <Button v-show="domains.length <= pageSize" @click="onAdd()" icon="fa-solid fa-plus"> {{ $t('domains.addDomain') }}</Button>
+      </template>
+
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th>{{ $t('domains.domain') }}</th>
+            <th class="text-left hidden-xs hidden-sm">{{ $t('domains.provider') }}</th>
+            <th style="width: 100px" class="text-right">{{ $t('main.actions') }}</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-for="domain in domains" :key="domain">
+            <td class="elide-table-cell hand" @click="onEdit(domain)">
+              {{ domain.domain }}
+            </td>
+            <td class="text-left elide-table-cell hidden-xs hidden-sm hand" @click="onEdit(domain)">
+              {{ prettyProviderName(domain) }}
+            </td>
+            <td class="text-right no-wrap" style="vertical-align: bottom">
+              <ButtonGroup>
+                <Button tool small secondary @click="onEditWellKnown(domain)" v-tooltip="$t('domains.tooltipWellKnown')" icon="fa-solid fa-atlas" />
+                <Button tool small secondary @click="onEdit(domain)" v-tooltip="$t('domains.tooltipEdit')" icon="fa-solid fa-pencil-alt" />
+                <Button tool small danger @click="onRemove(domain)" v-tooltip="$t('domains.tooltipRemove')" :disabled="domain.domain === adminDomain" icon="fa-solid fa-trash-alt" />
+              </ButtonGroup>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+      <div class="pull-left">
+        {{ $t('domains.count', { count: domains.length || 0 }) }}
+      </div>
+      <div class="pull-right" ng-show="domains.length > pageSize">
+        <button class="btn btn-default btn-outline btn-xs" ng-click="showPrevPage()" ng-class="{ 'btn-primary': currentPage > 1 }" ng-disabled="currentPage <= 1"><i class="fa fa-angle-double-left"></i> {{ 'main.pagination.prev' | tr }}</button>
+        <span style="margin: 0 5px; line-height: 1.5; font-size: 12px;">{{ currentPage }}</span>
+        <button class="btn btn-default btn-outline btn-xs" ng-click="showNextPage()" ng-class="{ 'btn-primary': (domains | filter:domainSearchString).length > (currentPage * pageSize) }" ng-disabled="(domains | filter:domainSearchString).length <= (currentPage * pageSize)">{{ 'main.pagination.next' | tr }} <i class="fa fa-angle-double-right"></i></button>
+      </div>
+    </Section>
+
+    <Certificates />
+    <SyncDns />
+    <DashboardDomain />
+  </div>
+</template>
\ No newline at end of file
diff --git a/dashboard/src/views/ServicesView.vue b/dashboard/src/views/ServicesView.vue
index d762ab7bd..bb8cbf531 100644
--- a/dashboard/src/views/ServicesView.vue
+++ b/dashboard/src/views/ServicesView.vue
@@ -46,7 +46,7 @@ const servicesArray = computed(() => {
 
 async function refresh(id) {
   const [error, result] = await servicesModel.get(id);
-  if (error) console.error(error);
+  if (error) return console.error(error);
 
   services[id] = result;
   services[id].id = id;