diff --git a/.eslintrc b/.eslintrc
index 35598a1..8b5fe7d 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -70,7 +70,8 @@
                 "jsx": "never",
                 "ts": "never",
                 "tsx": "never",
-                "json": "never"
+                "json": "never",
+                "mdx": "never"
             }
         ],
         "no-restricted-imports": [
diff --git a/bun.lockb b/bun.lockb
index 255a8ab..7a1679d 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index b9ff96d..9714123 100644
--- a/package.json
+++ b/package.json
@@ -1,64 +1,64 @@
 {
-  "name": "devxuan",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "preview": "vite preview",
-    "prepare": "husky",
-    "lint": "eslint .",
-    "prettier": "prettier .",
-    "type-check": "tsc --noEmit",
-    "type-check:watch": "tsc --noEmit --watch"
-  },
-  "dependencies": {
-    "@solidjs/router": "^0.13.3",
-    "@tanstack/solid-query": "^5.35.1",
-    "ky": "^1.2.4",
-    "motion": "^10.17.0",
-    "solid-fontawesome": "^0.2.1",
-    "solid-js": "^1.8.15",
-    "solid-styled-components": "^0.28.5"
-  },
-  "devDependencies": {
-    "@commitlint/config-conventional": "^19.2.2",
-    "@eslint/js": "^9.1.1",
-    "@tanstack/solid-query-devtools": "^5.35.1",
-    "commitlint": "^19.3.0",
-    "eslint": "^8.56.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-config-airbnb-typescript": "^18.0.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-import-resolver-typescript": "^3.6.1",
-    "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-solid": "^0.14.0",
-    "globals": "^15.1.0",
-    "husky": "^9.0.11",
-    "lint-staged": "^15.2.2",
-    "prettier": "^3.2.5",
-    "typescript": "^5.2.2",
-    "typescript-eslint": "^7.8.0",
-    "vite": "^5.2.0",
-    "vite-plugin-babel": "^1.2.0",
-    "vite-plugin-eslint": "^1.8.1",
-    "vite-plugin-solid": "^2.10.2",
-    "vite-tsconfig-paths": "^4.3.2"
-  },
-  "lint-staged": {
-    "*.{js,jsx,ts,tsx}": [
-      "bash -c 'bun prettier'",
-      "bash -c 'bun lint'",
-      "bash -c 'bun type-check'"
-    ],
-    "*.css": [
-      "bash -c 'bun prettier'"
-    ],
-    "*.{json,md}": [
-      "bash -c 'bun prettier'"
-    ]
-  }
+    "name": "devxuan",
+    "private": true,
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "dev": "vite",
+        "build": "tsc && vite build",
+        "preview": "vite preview",
+        "prepare": "husky",
+        "lint": "eslint .",
+        "prettier": "prettier .",
+        "type-check": "tsc --noEmit",
+        "type-check:watch": "tsc --noEmit --watch"
+    },
+    "dependencies": {
+        "@solidjs/router": "^0.13.3",
+        "@tanstack/solid-query": "^5.35.1",
+        "ky": "^1.2.4",
+        "solid-fontawesome": "^0.2.1",
+        "solid-js": "^1.8.15",
+        "solid-motionone": "^1.0.0",
+        "solid-styled-components": "^0.28.5"
+    },
+    "devDependencies": {
+        "@commitlint/config-conventional": "^19.2.2",
+        "@eslint/js": "^9.1.1",
+        "@tanstack/solid-query-devtools": "^5.35.1",
+        "commitlint": "^19.3.0",
+        "eslint": "^8.56.0",
+        "eslint-config-airbnb": "^19.0.4",
+        "eslint-config-airbnb-base": "^15.0.0",
+        "eslint-config-airbnb-typescript": "^18.0.0",
+        "eslint-config-prettier": "^9.1.0",
+        "eslint-import-resolver-typescript": "^3.6.1",
+        "eslint-plugin-jsx-a11y": "^6.8.0",
+        "eslint-plugin-prettier": "^5.1.3",
+        "eslint-plugin-solid": "^0.14.0",
+        "globals": "^15.1.0",
+        "husky": "^9.0.11",
+        "lint-staged": "^15.2.2",
+        "prettier": "^3.2.5",
+        "typescript": "^5.2.2",
+        "typescript-eslint": "^7.8.0",
+        "vite": "^5.2.0",
+        "vite-plugin-babel": "^1.2.0",
+        "vite-plugin-eslint": "^1.8.1",
+        "vite-plugin-solid": "^2.10.2",
+        "vite-tsconfig-paths": "^4.3.2"
+    },
+    "lint-staged": {
+        "*.{js,jsx,ts,tsx}": [
+            "bash -c 'bun prettier'",
+            "bash -c 'bun lint'",
+            "bash -c 'bun type-check'"
+        ],
+        "*.css": [
+            "bash -c 'bun prettier'"
+        ],
+        "*.{json,md}": [
+            "bash -c 'bun prettier'"
+        ]
+    }
 }
diff --git a/src/components/molecules/Content.tsx b/src/components/molecules/Content.tsx
index 0c1ac1e..8de49b4 100644
--- a/src/components/molecules/Content.tsx
+++ b/src/components/molecules/Content.tsx
@@ -1,5 +1,5 @@
 import type { ParentComponent } from 'solid-js';
 
 export const Content: ParentComponent = () => {
-    return <>임시</>;
+    return <>Blog 자리</>;
 };
diff --git a/src/components/molecules/index.ts b/src/components/molecules/index.ts
index bf05270..e71af9c 100644
--- a/src/components/molecules/index.ts
+++ b/src/components/molecules/index.ts
@@ -3,3 +3,4 @@ export * from './Card';
 export * from './ImageBox';
 export * from './Background';
 export * from './Speech';
+export * from './Content';
diff --git a/vite.config.ts b/vite.config.ts
index da018b0..3c2993d 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,7 +1,11 @@
 import { defineConfig } from 'vite';
 import solid from 'vite-plugin-solid';
 import tsconfigPaths from 'vite-tsconfig-paths';
+import mdx from '@mdx-js/rollup';
 
 export default defineConfig({
-    plugins: [solid(), tsconfigPaths()],
+    plugins: [mdx({ jsxImportSource: 'solid-jsx'}), solid(), tsconfigPaths()],
+    build: {
+        target: 'esnext',
+      },
 });