diff --git a/frontend/providers/applaunchpad/data/config.yaml b/frontend/providers/applaunchpad/data/config.yaml
index 998a3f0d05e..c07009e6b2a 100644
--- a/frontend/providers/applaunchpad/data/config.yaml
+++ b/frontend/providers/applaunchpad/data/config.yaml
@@ -10,6 +10,7 @@ common:
   apiEnabled: false
   gpuEnabled: false
 launchpad:
+  storageClassName: "choosable"
   pvcStorageMax: 100
   eventAnalyze:
     enabled: false
diff --git a/frontend/providers/applaunchpad/public/locales/en/common.json b/frontend/providers/applaunchpad/public/locales/en/common.json
index 0b7147775e8..1ba41373b5d 100644
--- a/frontend/providers/applaunchpad/public/locales/en/common.json
+++ b/frontend/providers/applaunchpad/public/locales/en/common.json
@@ -276,5 +276,8 @@
     "add_configmap": "Add Configmaps",
     "storage_path_placeholder": "For Example: /data"
   },
-  "guide_deploy_button": "Complete creation"
-}
\ No newline at end of file
+  "guide_deploy_button": "Complete creation",
+  "shared_storage": "shared storage",
+  "data_can_be_communicated_between_multiple_instances": "Data can be shared across multiple instances",
+  "shared": "Shard"
+}
diff --git a/frontend/providers/applaunchpad/public/locales/zh/common.json b/frontend/providers/applaunchpad/public/locales/zh/common.json
index da5b88f3929..fb6f5dd5abf 100644
--- a/frontend/providers/applaunchpad/public/locales/zh/common.json
+++ b/frontend/providers/applaunchpad/public/locales/zh/common.json
@@ -277,5 +277,8 @@
     "add_configmap": "新增配置文件",
     "storage_path_placeholder": "如：/data"
   },
-  "guide_deploy_button": "完成创建"
-}
\ No newline at end of file
+  "guide_deploy_button": "完成创建",
+  "shared_storage": "共享存储",
+  "data_can_be_communicated_between_multiple_instances": "数据可在多个实例间相互共享",
+  "shared": "共享"
+}
diff --git a/frontend/providers/applaunchpad/src/pages/api/platform/getInitData.ts b/frontend/providers/applaunchpad/src/pages/api/platform/getInitData.ts
index 0162c5488ff..ae41559ec1e 100644
--- a/frontend/providers/applaunchpad/src/pages/api/platform/getInitData.ts
+++ b/frontend/providers/applaunchpad/src/pages/api/platform/getInitData.ts
@@ -19,6 +19,7 @@ export type Response = {
   DESKTOP_DOMAIN: string;
   PVC_STORAGE_MAX: number;
   GPU_ENABLED: boolean;
+  STORAGE_CLASSNAME: string;
 };
 
 export const defaultAppConfig: AppConfigType = {
@@ -39,6 +40,7 @@ export const defaultAppConfig: AppConfigType = {
     gpuEnabled: false
   },
   launchpad: {
+    storageClassName: 'choosable',
     currencySymbol: Coin.shellCoin,
     pvcStorageMax: 20,
     eventAnalyze: {
@@ -99,7 +101,8 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse)
         SEALOS_USER_DOMAINS: global.AppConfig.cloud.userDomains || [],
         DESKTOP_DOMAIN: global.AppConfig.cloud.desktopDomain,
         PVC_STORAGE_MAX: global.AppConfig.launchpad.pvcStorageMax || 20,
-        GPU_ENABLED: global.AppConfig.common.gpuEnabled
+        GPU_ENABLED: global.AppConfig.common.gpuEnabled,
+        STORAGE_CLASSNAME: global.AppConfig.launchpad.storageClassName
       }
     });
   } catch (error) {
diff --git a/frontend/providers/applaunchpad/src/pages/app/detail/components/AppBaseInfo.tsx b/frontend/providers/applaunchpad/src/pages/app/detail/components/AppBaseInfo.tsx
index 5c6ec64d031..93cc14687de 100644
--- a/frontend/providers/applaunchpad/src/pages/app/detail/components/AppBaseInfo.tsx
+++ b/frontend/providers/applaunchpad/src/pages/app/detail/components/AppBaseInfo.tsx
@@ -413,6 +413,9 @@ const AppBaseInfo = ({ app = MOCK_APP_DETAIL }: { app: AppDetailType }) => {
                           {item.value} Gi
                         </Box>
                       </Box>
+                      <Box fontSize={'12px'} color={'grayModern.600'}>
+                        {item.isShared ? t('shared') : ''}
+                      </Box>
                     </Flex>
                   ))}
                 </Box>
diff --git a/frontend/providers/applaunchpad/src/pages/app/edit/components/ConfigmapModal.tsx b/frontend/providers/applaunchpad/src/pages/app/edit/components/ConfigmapModal.tsx
index c5ede83d5bf..62a68556299 100644
--- a/frontend/providers/applaunchpad/src/pages/app/edit/components/ConfigmapModal.tsx
+++ b/frontend/providers/applaunchpad/src/pages/app/edit/components/ConfigmapModal.tsx
@@ -94,6 +94,7 @@ const ConfigmapModal = ({
                 {t('file value')}{' '}
               </Box>
               <Textarea
+                whiteSpace={'pre-wrap'}
                 rows={10}
                 resize={'both'}
                 {...register('value', {
diff --git a/frontend/providers/applaunchpad/src/pages/app/edit/components/EditEnvs.tsx b/frontend/providers/applaunchpad/src/pages/app/edit/components/EditEnvs.tsx
index 5529ed0cec0..1e09234a2dc 100644
--- a/frontend/providers/applaunchpad/src/pages/app/edit/components/EditEnvs.tsx
+++ b/frontend/providers/applaunchpad/src/pages/app/edit/components/EditEnvs.tsx
@@ -77,13 +77,13 @@ const EditEnvs = ({
             {t('Environment Variables')}
           </Box>
           <Textarea
+            whiteSpace={'pre-wrap'}
             h={'350px'}
             maxH={'100%'}
             value={inputVal}
             resize={'both'}
             placeholder={t('Env Placeholder') || ''}
             overflowX={'auto'}
-            whiteSpace={inputVal === '' ? 'pre-wrap' : 'nowrap'}
             onChange={(e) => setInputVal(e.target.value)}
           />
         </ModalBody>
diff --git a/frontend/providers/applaunchpad/src/pages/app/edit/components/Form.tsx b/frontend/providers/applaunchpad/src/pages/app/edit/components/Form.tsx
index 4a73a901a89..ce4d8695a3b 100644
--- a/frontend/providers/applaunchpad/src/pages/app/edit/components/Form.tsx
+++ b/frontend/providers/applaunchpad/src/pages/app/edit/components/Form.tsx
@@ -410,7 +410,7 @@ const Form = ({
           pr={`${pxVal}px`}
           height={'100%'}
           position={'relative'}
-          overflowY={'scroll'}
+          // overflowY={'scroll'}
         >
           {/* base info */}
           <Box id={'baseInfo'} {...boxStyles}>
@@ -1128,17 +1128,19 @@ const Form = ({
                         w={'320px'}
                         height={'32px'}
                         variant={'outline'}
-                        onClick={() => setStoreEdit({ name: '', path: '', value: 1 })}
+                        onClick={() =>
+                          setStoreEdit({ name: '', path: '', value: 1, isShared: false })
+                        }
                         leftIcon={<MyIcon name="plus" w={'16px'} fill="#485264" />}
                       >
                         {t('Add volume')}
                       </Button>
-                      <Tip
+                      {/* <Tip
                         ml={4}
                         icon={<InfoOutlineIcon />}
                         size="sm"
                         text={t('Data cannot be communicated between multiple instances')}
-                      />
+                      /> */}
                     </Flex>
                     <Box mt={4} pl={`${labelWidth}px`}>
                       {storeList.map((item, index) => (
@@ -1157,7 +1159,7 @@ const Form = ({
                           >
                             <MyIcon name={'store'} />
                             <Box ml={4} flex={'1 0 0'} w={0}>
-                              <Box color={'myGray.900'} fontWeight={'bold'}>
+                              <Box color={'grayModern.900'} fontWeight={'bold'}>
                                 {item.path}
                               </Box>
                               <Box
@@ -1168,6 +1170,9 @@ const Form = ({
                                 {item.value} Gi
                               </Box>
                             </Box>
+                            <Box fontSize={'12px'} color={'grayModern.600'}>
+                              {item.isShared ? t('shared') : ''}
+                            </Box>
                           </Flex>
                           <IconButton
                             height={'32px'}
@@ -1262,7 +1267,8 @@ const Form = ({
                 storeList.map((item) => ({
                   name: item.id === e.id ? e.name : item.name,
                   path: item.id === e.id ? e.path : item.path,
-                  value: item.id === e.id ? e.value : item.value
+                  value: item.id === e.id ? e.value : item.value,
+                  isShared: item.id === e.id ? e.isShared : item.isShared
                 }))
               );
             }
diff --git a/frontend/providers/applaunchpad/src/pages/app/edit/components/StoreModal.tsx b/frontend/providers/applaunchpad/src/pages/app/edit/components/StoreModal.tsx
index 98ac957f8c0..01d01c78ce1 100644
--- a/frontend/providers/applaunchpad/src/pages/app/edit/components/StoreModal.tsx
+++ b/frontend/providers/applaunchpad/src/pages/app/edit/components/StoreModal.tsx
@@ -15,27 +15,35 @@ import {
   NumberInputField,
   NumberInputStepper,
   NumberIncrementStepper,
-  NumberDecrementStepper
+  NumberDecrementStepper,
+  Flex,
+  Switch,
+  Text
 } from '@chakra-ui/react';
 import { useForm } from 'react-hook-form';
 import MyFormControl from '@/components/FormControl';
 import { useTranslation } from 'next-i18next';
 import { pathToNameFormat } from '@/utils/tools';
-import { MyTooltip } from '@sealos/ui';
+import { MyTooltip, Tip } from '@sealos/ui';
 import { PVC_STORAGE_MAX } from '@/store/static';
+import { InfoOutlineIcon } from '@chakra-ui/icons';
+import { getValueByPointer } from 'fast-json-patch';
+import { STORAGE_CLASSNAME } from '@/store/static';
 
 export type StoreType = {
   id?: string;
   name: string;
   path: string;
   value: number;
+  isShared: boolean;
 };
 
 const StoreModal = ({
   defaultValue = {
     name: '',
     path: '',
-    value: 1
+    value: 1,
+    isShared: false
   },
   listNames,
   isEditStore,
@@ -57,6 +65,8 @@ const StoreModal = ({
   const {
     register,
     setValue,
+
+    watch,
     handleSubmit,
     formState: { errors }
   } = useForm({
@@ -156,6 +166,28 @@ const StoreModal = ({
                   }
                 })}
               />
+              {STORAGE_CLASSNAME && (
+                <Flex alignItems={'center'} mt={'8px'}>
+                  <Text fontSize={'14px'} fontWeight={500} color={'grayModern.900'}>
+                    {t('shared_storage')}
+                  </Text>
+                  <Switch
+                    ml={'8px'}
+                    isChecked={watch('isShared')}
+                    onChange={(e) => setValue('isShared', e.target.checked)}
+                  />
+                </Flex>
+              )}
+              <Tip
+                mt={'8px'}
+                icon={<InfoOutlineIcon />}
+                size="sm"
+                text={
+                  watch('isShared')
+                    ? t('data_can_be_communicated_between_multiple_instances')
+                    : t('Data cannot be communicated between multiple instances')
+                }
+              />
             </MyFormControl>
           </ModalBody>
 
diff --git a/frontend/providers/applaunchpad/src/pages/app/edit/index.tsx b/frontend/providers/applaunchpad/src/pages/app/edit/index.tsx
index e23a0a94b97..1e63b19cb26 100644
--- a/frontend/providers/applaunchpad/src/pages/app/edit/index.tsx
+++ b/frontend/providers/applaunchpad/src/pages/app/edit/index.tsx
@@ -328,6 +328,7 @@ const EditApp = ({ appName, tabType }: { appName?: string; tabType: string }) =>
         h={'100%'}
         minWidth={'1024px'}
         backgroundColor={'grayModern.100'}
+        overflowY={'auto'}
       >
         <Header
           appName={formHook.getValues('appName')}
diff --git a/frontend/providers/applaunchpad/src/store/static.ts b/frontend/providers/applaunchpad/src/store/static.ts
index e03e47557d3..53a54286024 100644
--- a/frontend/providers/applaunchpad/src/store/static.ts
+++ b/frontend/providers/applaunchpad/src/store/static.ts
@@ -11,6 +11,7 @@ export let UPLOAD_LIMIT = 50;
 export let DOWNLOAD_LIMIT = 100;
 export let PVC_STORAGE_MAX = 20;
 export let GPU_ENABLED = false;
+export let STORAGE_CLASSNAME = '';
 
 export const loadInitData = async () => {
   try {
@@ -26,6 +27,7 @@ export const loadInitData = async () => {
     DESKTOP_DOMAIN = res.DESKTOP_DOMAIN;
     PVC_STORAGE_MAX = res.PVC_STORAGE_MAX;
     GPU_ENABLED = res.GPU_ENABLED;
+    STORAGE_CLASSNAME = res.STORAGE_CLASSNAME;
 
     return {
       SEALOS_DOMAIN,
@@ -33,7 +35,8 @@ export const loadInitData = async () => {
       CURRENCY,
       FORM_SLIDER_LIST_CONFIG: res.FORM_SLIDER_LIST_CONFIG,
       DESKTOP_DOMAIN: res.DESKTOP_DOMAIN,
-      GPU_ENABLED
+      GPU_ENABLED,
+      STORAGE_CLASSNAME
     };
   } catch (error) {}
 
diff --git a/frontend/providers/applaunchpad/src/types/app.d.ts b/frontend/providers/applaunchpad/src/types/app.d.ts
index 737a09ec384..cb57421f9e9 100644
--- a/frontend/providers/applaunchpad/src/types/app.d.ts
+++ b/frontend/providers/applaunchpad/src/types/app.d.ts
@@ -106,6 +106,7 @@ export interface AppEditType {
     name: string;
     path: string;
     value: number;
+    isShared: boolean;
   }[];
   labels: { [key: string]: string };
 }
diff --git a/frontend/providers/applaunchpad/src/types/index.d.ts b/frontend/providers/applaunchpad/src/types/index.d.ts
index 51cbc29e43c..18b9c383047 100644
--- a/frontend/providers/applaunchpad/src/types/index.d.ts
+++ b/frontend/providers/applaunchpad/src/types/index.d.ts
@@ -40,6 +40,7 @@ export type AppConfigType = {
     gpuEnabled: boolean;
   };
   launchpad: {
+    storageClassName: string;
     currencySymbol: Coin;
     pvcStorageMax: number;
     eventAnalyze: {
diff --git a/frontend/providers/applaunchpad/src/utils/adapt.ts b/frontend/providers/applaunchpad/src/utils/adapt.ts
index 89a60c779e8..203eeb77a1f 100644
--- a/frontend/providers/applaunchpad/src/utils/adapt.ts
+++ b/frontend/providers/applaunchpad/src/utils/adapt.ts
@@ -370,7 +370,8 @@ export const adaptAppDetail = async (configs: DeployKindsType[]): Promise<AppDet
       ? deployKindsMap.StatefulSet?.spec?.volumeClaimTemplates.map((item) => ({
           name: item.metadata?.name || '',
           path: item.metadata?.annotations?.path || '',
-          value: Number(item.metadata?.annotations?.value || 0)
+          value: Number(item.metadata?.annotations?.value || 0),
+          isShared: item.spec?.accessModes?.[0] === 'ReadWriteMany' ? true : false
         }))
       : [],
     source: getAppSource(appDeploy)
diff --git a/frontend/providers/applaunchpad/src/utils/deployYaml2Json.ts b/frontend/providers/applaunchpad/src/utils/deployYaml2Json.ts
index a669acb0cff..542c1596547 100644
--- a/frontend/providers/applaunchpad/src/utils/deployYaml2Json.ts
+++ b/frontend/providers/applaunchpad/src/utils/deployYaml2Json.ts
@@ -7,7 +7,7 @@ import {
   minReplicasKey,
   publicDomainKey
 } from '@/constants/app';
-import { SEALOS_USER_DOMAINS } from '@/store/static';
+import { SEALOS_USER_DOMAINS, STORAGE_CLASSNAME } from '@/store/static';
 import type { AppEditType } from '@/types/app';
 import { pathFormat, pathToNameFormat, str2Num, strToBase64 } from '@/utils/tools';
 import dayjs from 'dayjs';
@@ -125,7 +125,8 @@ export const json2DeployCr = (data: AppEditType, type: 'deployment' | 'statefuls
       name: store.name
     },
     spec: {
-      accessModes: ['ReadWriteOnce'],
+      ...(STORAGE_CLASSNAME && store.isShared ? { storageClassName: STORAGE_CLASSNAME } : {}),
+      accessModes: [STORAGE_CLASSNAME && store.isShared ? 'ReadWriteMany' : 'ReadWriteOnce'],
       resources: {
         requests: {
           storage: `${store.value}Gi`
diff --git a/frontend/providers/dbprovider/src/pages/api/platform/getVersion.ts b/frontend/providers/dbprovider/src/pages/api/platform/getVersion.ts
index cb2794da76c..826b8e1143b 100644
--- a/frontend/providers/dbprovider/src/pages/api/platform/getVersion.ts
+++ b/frontend/providers/dbprovider/src/pages/api/platform/getVersion.ts
@@ -46,7 +46,7 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse)
         item?.metadata?.name &&
         !DBVersionMap[db].find((db) => db.id === item.metadata.name)
       ) {
-        DBVersionMap[db].push({
+        DBVersionMap[db].unshift({
           id: item.metadata.name,
           label: item.metadata.name
         });
diff --git a/frontend/providers/dbprovider/src/store/static.ts b/frontend/providers/dbprovider/src/store/static.ts
index af5614034f7..20ebd88d92d 100644
--- a/frontend/providers/dbprovider/src/store/static.ts
+++ b/frontend/providers/dbprovider/src/store/static.ts
@@ -16,7 +16,10 @@ let retryGetPrice = 3;
 let retryVersion = 3;
 let retryGetEnv = 3;
 export let DBVersionMap: DBVersionMapType = {
-  [DBTypeEnum.postgresql]: [{ id: 'postgresql-14.8.0', label: 'postgresql-14.8.0' }],
+  [DBTypeEnum.postgresql]: [
+    { id: 'postgresql-12.14.0', label: 'postgresql-12.14.0' },
+    { id: 'postgresql-14.8.0', label: 'postgresql-14.8.0' }
+  ],
   [DBTypeEnum.mongodb]: [{ id: 'mongodb-5.0', label: 'mongodb-5.0' }],
   [DBTypeEnum.mysql]: [{ id: 'ac-mysql-8.0.30', label: 'ac-mysql-8.0.30' }],
   [DBTypeEnum.redis]: [{ id: 'redis-7.0.6', label: 'redis-7.0.6' }],