diff --git a/packages/nc-gui/components/dashboard/Sidebar/UserInfo.vue b/packages/nc-gui/components/dashboard/Sidebar/UserInfo.vue
index 1054b38e58..fc332580d9 100644
--- a/packages/nc-gui/components/dashboard/Sidebar/UserInfo.vue
+++ b/packages/nc-gui/components/dashboard/Sidebar/UserInfo.vue
@@ -55,6 +55,7 @@ onMounted(() => {
 
 <template>
   <div class="flex w-full flex-col py-0.9 px-1 border-gray-200 gap-y-1">
+    <LazyGeneralMaintenanceAlert />
     <div class="flex items-center pr-2 justify-between">
       <NcDropdown v-model:visible="isMenuOpen" placement="topLeft" overlay-class-name="!min-w-64">
         <div
diff --git a/packages/nc-gui/components/general/MaintenanceAlert.vue b/packages/nc-gui/components/general/MaintenanceAlert.vue
new file mode 100644
index 0000000000..c05ed8207c
--- /dev/null
+++ b/packages/nc-gui/components/general/MaintenanceAlert.vue
@@ -0,0 +1,5 @@
+<script setup lang="ts"></script>
+
+<template></template>
+
+<style scoped lang="scss"></style>
diff --git a/packages/nc-gui/composables/useServerConfig.ts b/packages/nc-gui/composables/useServerConfig.ts
new file mode 100644
index 0000000000..942569fb35
--- /dev/null
+++ b/packages/nc-gui/composables/useServerConfig.ts
@@ -0,0 +1,15 @@
+const useServerConfig = () => {
+  const getConfig = async () => {}
+
+  const checkMaintenance = async () => {}
+
+  const dismissMaintenance = () => {}
+
+  return {
+    getConfig,
+    checkMaintenance,
+    dismissMaintenance,
+  }
+}
+
+export default useServerConfig
diff --git a/packages/nc-gui/plugins/a.dayjs.ts b/packages/nc-gui/plugins/a.dayjs.ts
index 41e7200125..f04e627607 100644
--- a/packages/nc-gui/plugins/a.dayjs.ts
+++ b/packages/nc-gui/plugins/a.dayjs.ts
@@ -9,6 +9,7 @@ import updateLocale from 'dayjs/plugin/updateLocale'
 import isSameOrBefore from 'dayjs/plugin/isSameOrBefore'
 import isSameOrAfter from 'dayjs/plugin/isSameOrAfter'
 import isBetween from 'dayjs/plugin/isBetween'
+import advanced from 'dayjs/plugin/advancedFormat'
 
 export default defineNuxtPlugin(() => {
   extend(utc)
@@ -21,6 +22,7 @@ export default defineNuxtPlugin(() => {
   extend(isSameOrBefore)
   extend(isSameOrAfter)
   extend(isBetween)
+  extend(advanced)
   dayjs.updateLocale('en', {
     weekStart: 1,
   })