Merge pull request #440 from dev-five-git/add-preload

Add font preload

Author: owjs3901

apps/landing/next.config.ts

@@ -1,11 +1,10 @@
 import { DevupUI } from '@devup-ui/next-plugin'
 import createMDX from '@next/mdx'
-import remarkGfm from 'remark-gfm'
 
 const withMDX = createMDX({
-  options: {
-    remarkPlugins: [remarkGfm],
-  },
+  // options: {
+  //   remarkPlugins: [remarkGfm],
+  // },
   extension: /\.mdx?$/,
 })
 

apps/landing/package.json

@@ -24,7 +24,6 @@
     "react-dom": "^19.2",
     "react-markdown": "^10.1",
     "react-syntax-highlighter": "^15.6",
-    "remark-gfm": "^4.0",
     "lenis": "1.3"
   },
   "devDependencies": {
@@ -35,8 +34,6 @@
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "@types/react-syntax-highlighter": "^15.5",
-    "glob": "^11.0",
-    "remark": "^15.0",
     "typescript": "^5"
   }
 }

apps/landing/src/app/layout.tsx

@@ -80,6 +80,24 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
           href="https://cdn.jsdelivr.net/gh/joungkyun/font-d2coding/d2coding.css"
           rel="stylesheet"
         />
+        {[
+          'ExtraBold',
+          'Bold',
+          'SemiBold',
+          'Medium',
+          'Regular',
+          'Light',
+          'Thin',
+        ].map((font) => (
+          <link
+            key={font}
+            as="font"
+            crossOrigin="anonymous"
+            href={`https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-${font}.woff2`}
+            rel="preload"
+            type="font/woff2"
+          />
+        ))}
         <link
           href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"
           rel="stylesheet"