Add postgres-compatible reporting to admin config

src/site/SiteChecklistClient.tsx

@@ -24,6 +24,8 @@ import { HiSparkles } from 'react-icons/hi';
 
 export default function SiteChecklistClient({
   hasDatabase,
+  isPostgresSSLEnabled,
+  hasVercelPostgres,
   hasVercelKV,
   hasStorageProvider,
   hasVercelBlobStorage,
@@ -150,13 +152,25 @@ export default function SiteChecklistClient({
           status={hasDatabase}
           isPending={isPendingPage}
         >
-          {renderLink(
+          {renderSubStatus(
-            // eslint-disable-next-line max-len
+            hasVercelPostgres ? 'checked' : 'optional',
-            'https://vercel.com/docs/storage/vercel-postgres/quickstart#create-a-postgres-database',
+            <>
-            'Create Vercel Postgres store',
+              Vercel Postgres:
-          )}
+              {' '}
-          {' '}
+              {renderLink(
-          and connect to project
+                // eslint-disable-next-line max-len
+                'https://vercel.com/docs/storage/vercel-postgres/quickstart#create-a-postgres-database',
+                'create store',
+              )}
+              {' '}
+              and connect to project
+            </>)}
+          {hasDatabase && !hasVercelPostgres &&
+            renderSubStatus('checked', <>
+              Postgres-compatible database
+              {' '}
+              (SSL {isPostgresSSLEnabled ? 'enabled' : 'disabled'})
+            </>)}
         </ChecklistRow>
         <ChecklistRow
           title={!hasStorageProvider

src/site/config.ts

@@ -135,6 +135,8 @@ export const HIGH_DENSITY_GRID = GRID_ASPECT_RATIO <= 1;
 export const CONFIG_CHECKLIST_STATUS = {
   hasDatabase: HAS_DATABASE,
   isPostgresSSLEnabled: POSTGRES_SSL_ENABLED,
+  hasVercelPostgres: /\.vercel-storage\.com\//
+    .test(process.env.POSTGRES_URL ?? ''),
   hasVercelKV: HAS_VERCEL_KV,
   hasVercelBlobStorage: HAS_VERCEL_BLOB_STORAGE,
   hasCloudflareR2Storage: HAS_CLOUDFLARE_R2_STORAGE,