chore: update config

Author: darcyYe

docusaurus.config.ts

@@ -19,6 +19,7 @@ import {
 } from './docusaurus-common.config';
 import ogImageGenerator from './plugins/og-image-generator';
 import tutorialGenerator from './plugins/tutorial-generator';
+import { yes } from '@silverhand/essentials';
 
 const getLogtoDocsUrl = () =>
   isCfPagesPreview
@@ -53,6 +54,7 @@ const config: Config = {
   customFields: {
     inkeepApiKey: process.env.INKEEP_API_KEY,
     logtoApiBaseUrl: process.env.LOGTO_API_BASE_URL,
+    isDevFeatureEnabled: yes(process.env.IS_DEV_FEATURE_ENABLED),
   },
 
   staticDirectories: ['static', 'static-localized/' + currentLocale],

src/theme/Layout/index.tsx

@@ -29,15 +29,21 @@ const CACHE_EXPIRY_KEY = '_logto_google_one_tap_config_expiry';
 const CACHE_EXPIRY_TIME = 1 * 60 * 60 * 1000; // 1 hour
 
 // Default API base URL
-const DEFAULT_API_BASE_URL = 'https://auth.logto.io';
+const DEFAULT_API_BASE_PROD_URL = 'https://auth.logto.io';
+const DEFAULT_API_BASE_DEV_URL = 'https://auth.logto.dev';
 
 export default function LayoutWrapper(props: Props): ReactNode {
   const [config, setConfig] = useState<GoogleOneTapConfig | undefined>(undefined);
   const { siteConfig } = useDocusaurusContext();
 
   // Get the API base URL from customFields, or use the default value if it doesn't exist
   const logtoApiBaseUrl = siteConfig.customFields?.logtoApiBaseUrl;
-  const apiBaseUrl = typeof logtoApiBaseUrl === 'string' ? logtoApiBaseUrl : DEFAULT_API_BASE_URL;
+  const apiBaseUrl =
+    typeof logtoApiBaseUrl === 'string'
+      ? logtoApiBaseUrl
+      : siteConfig.customFields?.isDevFeatureEnabled
+        ? DEFAULT_API_BASE_DEV_URL
+        : DEFAULT_API_BASE_PROD_URL;
 
   useEffect(() => {
     const fetchConfig = async () => {