CFE-1 create project from the tamplate project and config project

src/core/components/LinkRouting.jsx

@@ -0,0 +1,116 @@
+import MuiLink from "@mui/material/Link";
+import {styled} from "@mui/material/styles";
+import clsx from "clsx";
+import NextLink from "next/link";
+import {useRouter} from "next/router";
+import * as React from "react";
+
+// Add support for the sx prop for consistency with the other branches.
+const Anchor = styled("a")({});
+
+export const NextLinkComposed = React.forwardRef(function NextLinkComposed(
+    props,
+    ref
+) {
+    const {
+        to,
+        linkAs,
+        replace,
+        scroll,
+        shallow,
+        prefetch,
+        legacyBehavior = true,
+        locale,
+        ...other
+    } = props;
+
+    return (
+        <NextLink
+            href={to}
+            prefetch={prefetch}
+            as={linkAs}
+            replace={replace}
+            scroll={scroll}
+            shallow={shallow}
+            passHref
+            locale={locale}
+            legacyBehavior={legacyBehavior}
+        >
+            <Anchor ref={ref} {...other} />
+        </NextLink>
+    );
+});
+
+// A styled version of the Next.js Link component:
+// https://nextjs.org/docs/api-reference/next/link
+const LinkRouting = React.forwardRef(function Link(props, ref) {
+    const {
+        activeClassName = "active",
+        as,
+        className: classNameProps,
+        href,
+        legacyBehavior,
+        linkAs: linkAsProp,
+        locale,
+        noLinkStyle,
+        prefetch,
+        replace,
+        role, // Link don't have roles.
+        scroll,
+        shallow,
+        ...other
+    } = props;
+
+    const router = useRouter();
+    const pathname = typeof href === "string" ? href : href.pathname;
+    const className = clsx(classNameProps, {
+        [activeClassName]: router.pathname === pathname && activeClassName,
+    });
+
+    const isExternal =
+        typeof href === "string" &&
+        (href.indexOf("http") === 0 || href.indexOf("mailto:") === 0);
+
+    if (isExternal) {
+        if (noLinkStyle) {
+            return <Anchor className={className} href={href} ref={ref} {...other} />;
+        }
+
+        return <MuiLink className={className} href={href} ref={ref} {...other} />;
+    }
+
+    const linkAs = linkAsProp || as;
+    const nextjsProps = {
+        to: href,
+        linkAs,
+        replace,
+        scroll,
+        shallow,
+        prefetch,
+        legacyBehavior,
+        locale,
+    };
+
+    if (noLinkStyle) {
+        return (
+            <NextLinkComposed
+                className={className}
+                ref={ref}
+                {...nextjsProps}
+                {...other}
+            />
+        );
+    }
+
+    return (
+        <MuiLink
+            component={NextLinkComposed}
+            className={className}
+            ref={ref}
+            {...nextjsProps}
+            {...other}
+        />
+    );
+});
+
+export default LinkRouting;