JohnsonMao · JohnsonMao · Nov 29, 2025 · Nov 24, 2025 · Nov 26, 2025 · Nov 27, 2025
diff --git a/.gitignore b/.gitignore
@@ -44,3 +44,7 @@ next-env.d.ts
 .cursor
 .specstory
 .cursorindexingignore
+
+# cloudflare
+.open-next/
+bundled/
diff --git a/README.md b/README.md
@@ -24,22 +24,23 @@ Welcome to My Blog, a simple blog built with Next.js 13 and Markdown for content
 
 ## Project Structure
 
-- `data/`: Contains data-related files.
-  - `i18n/`: Internationalization and localization files.
+- `constants/`: Configuration files for the blog.
+  - `index.ts`: Giscus comment system config, website metadata, and other constants.
+- `content/`: Content data files.
+  - `i18n/messages/`: Internationalization and localization files (JSON).
   - `posts/`: Markdown files for blog posts.
-  - `giscus.ts`: Configuration for the Giscus comment system.
-  - `metadata.ts`: Metadata and configuration for the blog.
 - `public/static/`: Public static images and other assets.
-- `src/`:  The main source code directory.
+- `src/`: The main source code directory.
   - `app/`: Next.js pages and routing.
-  - `assets/`: Global and component-specific CSS.
-  - `components/`: Reusable React component.
+  - `css/`: Global and component-specific CSS.
+  - `components/`: Reusable React components.
   - `hooks/`: Custom React hooks.
+  - `i18n/`: Internationalization configuration and routing.
   - `plugins/`: Additional plugins or extensions.
   - `utils/`: Utility functions and helper modules.
   - `middleware.ts`: Next.js middleware.
-- `tests/`:  Test folder contains the application's test files.
-- `types/`:  TypeScript type definitions.
+- `tests/`: Test folder contains the application's test files.
+- `types/`: TypeScript type definitions (global types used by both src and tests).
 
 <!-- ## License -->
 

diff --git a/content/i18n/messages/en.json b/content/i18n/messages/en.json
@@ -19,5 +19,12 @@
   },
   "notFound": {
     "message": "Sorry we couldn't find this page."
+  },
+  "metadata": {
+    "title": "Mao's Corner",
+    "description": "Welcome to Mao's Corner, where I document my learning notes.",
+    "keywords": ["frontend", "notes", "blog", "web development", "programming"],
+    "applicationName": "Mao's Corner",
+    "siteName": "Mao's Corner"
   }
 }
diff --git a/content/i18n/messages/zh.json b/content/i18n/messages/zh.json
@@ -19,5 +19,12 @@
   },
   "notFound": {
     "message": "抱歉！找不到此頁面。"
+  },
+  "metadata": {
+    "title": "Mao's Corner",
+    "description": "歡迎來到阿毛的角落，這裡記錄著我學習的筆記。",
+    "keywords": ["前端", "筆記", "部落格", "網頁開發", "程式設計"],
+    "applicationName": "Mao's Corner",
+    "siteName": "Mao's Corner"
   }
 }
diff --git a/...07-28-hexschool-summer-camp-vue3-week1.md → ...07-28-hexschool-summer-camp-vue3-week1.md b/...07-28-hexschool-summer-camp-vue3-week1.md → ...07-28-hexschool-summer-camp-vue3-week1.md
diff --git a/...08-02-hexschool-summer-camp-vue3-week2.md → ...08-02-hexschool-summer-camp-vue3-week2.md b/...08-02-hexschool-summer-camp-vue3-week2.md → ...08-02-hexschool-summer-camp-vue3-week2.md
diff --git a/...08-09-hexschool-summer-camp-vue3-week3.md → ...08-09-hexschool-summer-camp-vue3-week3.md b/...08-09-hexschool-summer-camp-vue3-week3.md → ...08-09-hexschool-summer-camp-vue3-week3.md
diff --git a/...08-16-hexschool-summer-camp-vue3-week4.md → ...08-16-hexschool-summer-camp-vue3-week4.md b/...08-16-hexschool-summer-camp-vue3-week4.md → ...08-16-hexschool-summer-camp-vue3-week4.md
diff --git a/data/posts/2021-09-06-mongodb.md → content/posts/2021-09-06-mongodb.md b/data/posts/2021-09-06-mongodb.md → content/posts/2021-09-06-mongodb.md
diff --git a/data/posts/2021-09-10-IT-ironman-day1.md → content/posts/2021-09-10-IT-ironman-day1.md b/data/posts/2021-09-10-IT-ironman-day1.md → content/posts/2021-09-10-IT-ironman-day1.md
diff --git a/data/posts/2021-09-11-IT-ironman-day2.md → content/posts/2021-09-11-IT-ironman-day2.md b/data/posts/2021-09-11-IT-ironman-day2.md → content/posts/2021-09-11-IT-ironman-day2.md
diff --git a/data/posts/2021-09-12-IT-ironman-day3.md → content/posts/2021-09-12-IT-ironman-day3.md b/data/posts/2021-09-12-IT-ironman-day3.md → content/posts/2021-09-12-IT-ironman-day3.md
diff --git a/data/posts/2021-09-13-IT-ironman-day4.md → content/posts/2021-09-13-IT-ironman-day4.md b/data/posts/2021-09-13-IT-ironman-day4.md → content/posts/2021-09-13-IT-ironman-day4.md
diff --git a/data/posts/2021-09-14-IT-ironman-day5.md → content/posts/2021-09-14-IT-ironman-day5.md b/data/posts/2021-09-14-IT-ironman-day5.md → content/posts/2021-09-14-IT-ironman-day5.md
diff --git a/data/posts/2021-09-15-IT-ironman-day6.md → content/posts/2021-09-15-IT-ironman-day6.md b/data/posts/2021-09-15-IT-ironman-day6.md → content/posts/2021-09-15-IT-ironman-day6.md
diff --git a/data/posts/2021-09-16-IT-ironman-day7.md → content/posts/2021-09-16-IT-ironman-day7.md b/data/posts/2021-09-16-IT-ironman-day7.md → content/posts/2021-09-16-IT-ironman-day7.md
diff --git a/data/posts/2021-09-17-IT-ironman-day8.md → content/posts/2021-09-17-IT-ironman-day8.md b/data/posts/2021-09-17-IT-ironman-day8.md → content/posts/2021-09-17-IT-ironman-day8.md
diff --git a/data/posts/2021-09-18-IT-ironman-day9.md → content/posts/2021-09-18-IT-ironman-day9.md b/data/posts/2021-09-18-IT-ironman-day9.md → content/posts/2021-09-18-IT-ironman-day9.md
diff --git a/data/posts/2021-09-19-IT-ironman-day10.md → content/posts/2021-09-19-IT-ironman-day10.md b/data/posts/2021-09-19-IT-ironman-day10.md → content/posts/2021-09-19-IT-ironman-day10.md
diff --git a/data/posts/2021-09-20-IT-ironman-day11.md → content/posts/2021-09-20-IT-ironman-day11.md b/data/posts/2021-09-20-IT-ironman-day11.md → content/posts/2021-09-20-IT-ironman-day11.md
diff --git a/data/posts/2021-09-21-IT-ironman-day12.md → content/posts/2021-09-21-IT-ironman-day12.md b/data/posts/2021-09-21-IT-ironman-day12.md → content/posts/2021-09-21-IT-ironman-day12.md
diff --git a/data/posts/2021-09-22-IT-ironman-day13.md → content/posts/2021-09-22-IT-ironman-day13.md b/data/posts/2021-09-22-IT-ironman-day13.md → content/posts/2021-09-22-IT-ironman-day13.md
diff --git a/data/posts/2021-09-23-IT-ironman-day14.md → content/posts/2021-09-23-IT-ironman-day14.md b/data/posts/2021-09-23-IT-ironman-day14.md → content/posts/2021-09-23-IT-ironman-day14.md
diff --git a/data/posts/2021-09-24-IT-ironman-day15.md → content/posts/2021-09-24-IT-ironman-day15.md b/data/posts/2021-09-24-IT-ironman-day15.md → content/posts/2021-09-24-IT-ironman-day15.md
diff --git a/data/posts/2021-09-25-IT-ironman-day16.md → content/posts/2021-09-25-IT-ironman-day16.md b/data/posts/2021-09-25-IT-ironman-day16.md → content/posts/2021-09-25-IT-ironman-day16.md
diff --git a/data/posts/2021-09-26-IT-ironman-day17.md → content/posts/2021-09-26-IT-ironman-day17.md b/data/posts/2021-09-26-IT-ironman-day17.md → content/posts/2021-09-26-IT-ironman-day17.md
diff --git a/data/posts/2021-09-27-IT-ironman-day18.md → content/posts/2021-09-27-IT-ironman-day18.md b/data/posts/2021-09-27-IT-ironman-day18.md → content/posts/2021-09-27-IT-ironman-day18.md
diff --git a/data/posts/2021-09-28-IT-ironman-day19.md → content/posts/2021-09-28-IT-ironman-day19.md b/data/posts/2021-09-28-IT-ironman-day19.md → content/posts/2021-09-28-IT-ironman-day19.md
diff --git a/data/posts/2021-09-29-IT-ironman-day20.md → content/posts/2021-09-29-IT-ironman-day20.md b/data/posts/2021-09-29-IT-ironman-day20.md → content/posts/2021-09-29-IT-ironman-day20.md
diff --git a/data/posts/2021-09-30-IT-ironman-day21.md → content/posts/2021-09-30-IT-ironman-day21.md b/data/posts/2021-09-30-IT-ironman-day21.md → content/posts/2021-09-30-IT-ironman-day21.md
diff --git a/data/posts/2021-10-01-IT-ironman-day22.md → content/posts/2021-10-01-IT-ironman-day22.md b/data/posts/2021-10-01-IT-ironman-day22.md → content/posts/2021-10-01-IT-ironman-day22.md
diff --git a/data/posts/2021-10-02-IT-ironman-day23.md → content/posts/2021-10-02-IT-ironman-day23.md b/data/posts/2021-10-02-IT-ironman-day23.md → content/posts/2021-10-02-IT-ironman-day23.md
diff --git a/data/posts/2021-10-03-IT-ironman-day24.md → content/posts/2021-10-03-IT-ironman-day24.md b/data/posts/2021-10-03-IT-ironman-day24.md → content/posts/2021-10-03-IT-ironman-day24.md
diff --git a/data/posts/2021-10-04-IT-ironman-day25.md → content/posts/2021-10-04-IT-ironman-day25.md b/data/posts/2021-10-04-IT-ironman-day25.md → content/posts/2021-10-04-IT-ironman-day25.md
diff --git a/data/posts/2021-10-05-IT-ironman-day26.md → content/posts/2021-10-05-IT-ironman-day26.md b/data/posts/2021-10-05-IT-ironman-day26.md → content/posts/2021-10-05-IT-ironman-day26.md
diff --git a/data/posts/2021-10-06-IT-ironman-day27.md → content/posts/2021-10-06-IT-ironman-day27.md b/data/posts/2021-10-06-IT-ironman-day27.md → content/posts/2021-10-06-IT-ironman-day27.md
diff --git a/data/posts/2021-10-07-IT-ironman-day28.md → content/posts/2021-10-07-IT-ironman-day28.md b/data/posts/2021-10-07-IT-ironman-day28.md → content/posts/2021-10-07-IT-ironman-day28.md
diff --git a/data/posts/2021-10-08-IT-ironman-day29.md → content/posts/2021-10-08-IT-ironman-day29.md b/data/posts/2021-10-08-IT-ironman-day29.md → content/posts/2021-10-08-IT-ironman-day29.md
diff --git a/data/posts/2021-10-09-IT-ironman-day30.md → content/posts/2021-10-09-IT-ironman-day30.md b/data/posts/2021-10-09-IT-ironman-day30.md → content/posts/2021-10-09-IT-ironman-day30.md
diff --git a/data/posts/2021-10-21-vscode-hot-key.md → content/posts/2021-10-21-vscode-hot-key.md b/data/posts/2021-10-21-vscode-hot-key.md → content/posts/2021-10-21-vscode-hot-key.md
diff --git a/...-11-02-javascript-developer-conference.md → ...-11-02-javascript-developer-conference.md b/...-11-02-javascript-developer-conference.md → ...-11-02-javascript-developer-conference.md
diff --git a/...sts/2024-09-02-typescript-Introduction.md → ...sts/2024-09-02-typescript-Introduction.md b/...sts/2024-09-02-typescript-Introduction.md → ...sts/2024-09-02-typescript-Introduction.md
diff --git a/...sts/2024-09-03-typescript-basics-types.md → ...sts/2024-09-03-typescript-basics-types.md b/...sts/2024-09-03-typescript-basics-types.md → ...sts/2024-09-03-typescript-basics-types.md
diff --git a/...ript-basics-object-array-and-functions.md → ...ript-basics-object-array-and-functions.md b/...ript-basics-object-array-and-functions.md → ...ript-basics-object-array-and-functions.md
diff --git a/.../2024-09-05-typescript-basics-operator.md → .../2024-09-05-typescript-basics-operator.md b/.../2024-09-05-typescript-basics-operator.md → .../2024-09-05-typescript-basics-operator.md
diff --git a/...sts/2024-09-06-typescript-basics-class.md → ...sts/2024-09-06-typescript-basics-class.md b/...sts/2024-09-06-typescript-basics-class.md → ...sts/2024-09-06-typescript-basics-class.md
diff --git a/...09-07-typescript-basics-abstract-class.md → ...09-07-typescript-basics-abstract-class.md b/...09-07-typescript-basics-abstract-class.md → ...09-07-typescript-basics-abstract-class.md
diff --git a/...2024-09-08-typescript-basics-interface.md → ...2024-09-08-typescript-basics-interface.md b/...2024-09-08-typescript-basics-interface.md → ...2024-09-08-typescript-basics-interface.md
diff --git a/...024-09-09-typescript-advanced-generics.md → ...024-09-09-typescript-advanced-generics.md b/...024-09-09-typescript-advanced-generics.md → ...024-09-09-typescript-advanced-generics.md
diff --git a/...ript-advanced-flexible-use-of-generics.md → ...ript-advanced-flexible-use-of-generics.md b/...ript-advanced-flexible-use-of-generics.md → ...ript-advanced-flexible-use-of-generics.md
diff --git a/...1-typescript-advanced-conditional-type.md → ...1-typescript-advanced-conditional-type.md b/...1-typescript-advanced-conditional-type.md → ...1-typescript-advanced-conditional-type.md
diff --git a/...4-09-12-typescript-advanced-infer-type.md → ...4-09-12-typescript-advanced-infer-type.md b/...4-09-12-typescript-advanced-infer-type.md → ...4-09-12-typescript-advanced-infer-type.md
diff --git a/...advanced-function-overloading-and-this.md → ...advanced-function-overloading-and-this.md b/...advanced-function-overloading-and-this.md → ...advanced-function-overloading-and-this.md
diff --git a/...pt-advanced-async-function-and-promise.md → ...pt-advanced-async-function-and-promise.md b/...pt-advanced-async-function-and-promise.md → ...pt-advanced-async-function-and-promise.md
diff --git a/.../2024-09-15-typescript-advanced-module.md → .../2024-09-15-typescript-advanced-module.md b/.../2024-09-15-typescript-advanced-module.md → .../2024-09-15-typescript-advanced-module.md
diff --git a/...6-typescript-advanced-scope-and-target.md → ...6-typescript-advanced-scope-and-target.md b/...6-typescript-advanced-scope-and-target.md → ...6-typescript-advanced-scope-and-target.md
diff --git a/...7-typescript-advanced-tsconfig-setting.md → ...7-typescript-advanced-tsconfig-setting.md b/...7-typescript-advanced-tsconfig-setting.md → ...7-typescript-advanced-tsconfig-setting.md
diff --git a/...pt-advanced-Introduction-to-decorators.md → ...pt-advanced-Introduction-to-decorators.md b/...pt-advanced-Introduction-to-decorators.md → ...pt-advanced-Introduction-to-decorators.md
diff --git a/...-typescript-advanced-legacy-decorators.md → ...-typescript-advanced-legacy-decorators.md b/...-typescript-advanced-legacy-decorators.md → ...-typescript-advanced-legacy-decorators.md
diff --git a/...-5-advanced-introduction-to-decorators.md → ...-5-advanced-introduction-to-decorators.md b/...-5-advanced-introduction-to-decorators.md → ...-5-advanced-introduction-to-decorators.md
diff --git a/...1-typescript-5-advanced-new-decorators.md → ...1-typescript-5-advanced-new-decorators.md b/...1-typescript-5-advanced-new-decorators.md → ...1-typescript-5-advanced-new-decorators.md
diff --git a/...9-22-typescript-practice-backend-setup.md → ...9-22-typescript-practice-backend-setup.md b/...9-22-typescript-practice-backend-setup.md → ...9-22-typescript-practice-backend-setup.md
diff --git a/...-23-typescript-practice-backend-routes.md → ...-23-typescript-practice-backend-routes.md b/...-23-typescript-practice-backend-routes.md → ...-23-typescript-practice-backend-routes.md
diff --git a/...ript-practice-backend-data-persistence.md → ...ript-practice-backend-data-persistence.md b/...ript-practice-backend-data-persistence.md → ...ript-practice-backend-data-persistence.md
diff --git a/...actice-backend-validate-and-middleware.md → ...actice-backend-validate-and-middleware.md b/...actice-backend-validate-and-middleware.md → ...actice-backend-validate-and-middleware.md
diff --git a/...ractice-backend-typescript-5-decorator.md → ...ractice-backend-typescript-5-decorator.md b/...ractice-backend-typescript-5-decorator.md → ...ractice-backend-typescript-5-decorator.md
diff --git a/...-27-typescript-practice-frontend-setup.md → ...-27-typescript-practice-frontend-setup.md b/...-27-typescript-practice-frontend-setup.md → ...-27-typescript-practice-frontend-setup.md
diff --git a/...t-practice-frontend-generics-component.md → ...t-practice-frontend-generics-component.md b/...t-practice-frontend-generics-component.md → ...t-practice-frontend-generics-component.md
diff --git a/...typescript-practice-frontend-fetch-api.md → ...typescript-practice-frontend-fetch-api.md b/...typescript-practice-frontend-fetch-api.md → ...typescript-practice-frontend-fetch-api.md
diff --git a/...-09-30-typescript-practice-npm-package.md → ...-09-30-typescript-practice-npm-package.md b/...-09-30-typescript-practice-npm-package.md → ...-09-30-typescript-practice-npm-package.md
diff --git a/data/posts/2024-10-01-typescript-epilogue.md → ...t/posts/2024-10-01-typescript-epilogue.md b/data/posts/2024-10-01-typescript-epilogue.md → ...t/posts/2024-10-01-typescript-epilogue.md
diff --git a/data/metadata.ts b/data/metadata.ts
diff --git a/jest.config.js b/jest.config.js
@@ -10,7 +10,7 @@ const jestConfig = {
   testEnvironment: 'jest-environment-jsdom',
   collectCoverageFrom: [
     '<rootDir>/src/**/*.{ts,tsx}',
-    '!<rootDir>/src/proxy.ts',
+    '!<rootDir>/src/middleware.ts',
     '!<rootDir>/src/app/*.tsx',
     '!<rootDir>/src/i18n/*.ts',
   ],

diff --git a/open-next.config.ts b/open-next.config.ts
@@ -0,0 +1,3 @@
+import { defineCloudflareConfig } from '@opennextjs/cloudflare';
+
+export default defineCloudflareConfig();
diff --git a/package.json b/package.json
@@ -1,22 +1,27 @@
 {
   "name": "johnsonmao.github.io",
   "version": "0.1.0",
-  "private": true,
   "scripts": {
-    "dev": "next dev --webpack",
     "build": "next build --webpack",
-    "start": "next start",
-    "lint": "biome lint .",
-    "lint:fix": "biome lint --write --unsafe .",
-    "format": "biome format --write .",
+    "cf:build": "opennextjs-cloudflare build",
+    "cf:build:dry-run": "npm run cf:build && npm run cf:dry-run",
+    "cf:dry-run": "wrangler deploy --outdir bundled/ --dry-run",
+    "cf:preview": "npm run cf:build && opennextjs-cloudflare preview",
+    "cf:typegen": "wrangler types --env-interface CloudflareEnv cloudflare-env.d.ts",
     "check": "biome check .",
     "check:fix": "biome check --write --unsafe .",
+    "dev": "next dev --webpack",
+    "format": "biome format --write .",
+    "lint": "biome lint .",
+    "lint:fix": "biome lint --write --unsafe .",
+    "start": "next start",
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage"
   },
   "dependencies": {
     "@giscus/react": "^2.4.0",
+    "@opennextjs/cloudflare": "^1.13.1",
     "@react-spring/web": "^9.7.5",
     "clsx": "^1.2.1",
     "feed": "^4.2.2",
@@ -56,7 +61,8 @@
     "postcss-import": "^15.1.0",
     "postcss-load-config": "^4.0.2",
     "tailwindcss": "^3.4.18",
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "wrangler": "^4.50.0"
   },
   "browserslist": [
     "defaults and supports es6-module",
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		import { defineCloudflareConfig } from '@opennextjs/cloudflare';

		export default defineCloudflareConfig();