new change

Author: anthule123

README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

README.mdx

@@ -0,0 +1,40 @@
+
+
+
+export const bigRoutes=[
+    'curation',
+    'draftkit-tutorial',
+    'learn'
+]
+export type Compose ={
+    lang: string, 
+    bigRoute: string,
+    slug: string
+}
+export function extractBigRoutes(path: string){
+    const segments = path.split('/').filter(Boolean) // loại bỏ phần rỗng do dấu '/'    //b1: cái segments[1] là lang 
+    
+    if (segments.length < 2) return null // phải có lang + bigRoute 
+
+    const lang = segments[0] 
+
+    // dò bigRoute bằng cách kiểm tra từng route trong bigRoutes
+    for (const route of bigRoutes) {
+        const routeSegments = route.split('/')
+        const candidate = segments.slice(1, 1 + routeSegments.length).join('/')
+
+        if (candidate === route) {
+        const slug = segments.slice(1 + routeSegments.length).join('/')
+        return {
+            lang,
+            bigRoute: route,
+            slug,
+        }
+        }
+    }
+    return null // không khớp route nào
+
+}
+
+
+console.log(extractBigRoutes('/vi/learn/docs/abc')) 

big.ts

@@ -0,0 +1,25 @@
+import { dirname } from "path";
+import { fileURLToPath } from "url";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+});
+
+const eslintConfig = [
+  ...compat.extends("next/core-web-vitals", "next/typescript"),
+  {
+    ignores: [
+      "node_modules/**",
+      ".next/**",
+      "out/**",
+      "build/**",
+      "next-env.d.ts",
+    ],
+  },
+];
+
+export default eslintConfig;

dictionaries/en.json

@@ -1,12 +1,7 @@
 import createMDX from "@next/mdx";
-import rehypeStringify from 'rehype-stringify'
-import remarkParse from 'remark-parse'
-import remarkRehype from 'remark-rehype'
-import rehypeTypst from "@myriaddreamin/rehype-typst";
-import remarkMermaid from "remark-mermaidjs";
 import rehypeShiki from "@shikijs/rehype";
 import remarkMath from 'remark-math'
-import remarkGfm from 'remark-gfm'
+import rehypeTypst from "@myriaddreamin/rehype-typst";
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
@@ -25,7 +20,7 @@ if (process.env.NODE_ENV === "production") {
 const withMDX = createMDX({
   extension: /\.mdx?$/,
   options: {
-    remarkPlugins: [remarkGfm, remarkMath, remarkMermaid],
+    remarkPlugins: [remarkMath, ],
     rehypePlugins: [
       rehypeTypst,
       [