refactor: fix redirect paths

Author: gao-sun

docusaurus-common.config.ts

@@ -6,6 +6,8 @@ import { themes } from 'prism-react-renderer';
 import rehypeKatex from 'rehype-katex';
 import remarkMath from 'remark-math';
 
+import { howToBasePath } from './src/theme/BlogPostItem/utils';
+
 export const defaultLocale = 'en';
 
 // A workaround for locale-specific values in the config
@@ -16,7 +18,6 @@ export const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 export const mainSiteUrl = 'https://docs.logto.io/';
 export const tutorialsSiteUrl = 'https://tutorials.logto.io/';
-export const howToBasePath = 'how-to';
 export const cfPagesBranch = String(process.env.CF_PAGES_BRANCH);
 export const isCfPagesPreview = Boolean(cfPagesBranch && cfPagesBranch !== 'master');
 export const siteUrls = Object.freeze({

docusaurus-tutorials.config.ts

@@ -14,12 +14,12 @@ import {
   currentLocale,
   defaultLocale,
   getCloudflareSubdomain,
-  howToBasePath,
   injectHeadTagsPlugin,
   isCfPagesPreview,
   localeConfigs,
   mainSiteUrl,
 } from './docusaurus-common.config';
+import { howToBasePath } from './src/theme/BlogPostItem/utils';
 
 const getLogtoDocsUrl = () =>
   isCfPagesPreview

src/theme/BlogPostItem/Header/TitleWithSelectionDropdown/index.tsx

@@ -16,6 +16,7 @@ import useCategorizedTutorialMetadata from '@site/src/hooks/use-categorized-tuto
 import { useCurrentLocalePrefix } from '@site/src/hooks/useCurrentLocalePrefix';
 import { onKeyDownHandler } from '@site/src/utils/a11y';
 
+import { howToBasePath } from '../../utils';
 import Dropdown from '../SelectionDropdown';
 
 import styles from './index.module.scss';
@@ -143,7 +144,7 @@ const TitleWithSelectionDropdown = (props: Props) => {
             slugLastPart
           : slugFirstPart + selectedSlugPart + slug.slice(slug.indexOf(slugMiddlePart));
 
-      push(`${locale}/tutorials/${targetSlug}`);
+      push(`${locale}/${howToBasePath}/${targetSlug}`);
     }
   };
 

src/theme/BlogPostItem/utils.ts

@@ -1 +1,2 @@
 export const isHowToTutorial = (slug?: string): boolean => /^build-.+-with-.+$/.test(slug || '');
+export const howToBasePath = 'how-to';