YG BLOG

Akebi & Young's Metaverse ;)

2025 OEM 網站開發筆記 [15] - 導入多語系 react-i18n 升級成國際化網站

下載套件 1npm install react-i18next i18ne......

2025 OEM 網站開發筆記 [22] - 後端文章管理系統 & 列表

ER Model 設計、ORM 模型設計,建立關聯資料表、資料庫遷移、文章列表 API 設計

後端 整體後端大致工作流程為 ORM 模型設計 serializer 開......

2025 OEM 網站開發筆記 [21] - 後端產品列表 API 開發

從 dummydata 切換到真實資料庫,ER Model 設計、ORM 模型設計,建立 Product、ProductImage、Specification、Tag、ProductTag 關聯資料表、資料庫遷移、CORS Header 設定、產品列表 API 設計

後端 整體後端大致工作流程為 ORM 模型設計 serializer 開......

2025 OEM 網站開發筆記 [25] - Django CORS Header 設定

為什麼需要 CORS Header? 當 React 前端(運行於 htt......

2025 OEM 網站開發筆記 [20] - Django 連線 MySQL、資料遷移流程

apps 註冊、資料庫遷移、MySQL 資料表命名

註冊 Django 應用程式(APP) 在專案中會將大部分功能模組化,每個......

2025 OEM 網站開發筆記 [4] - 套用 GSAP 動畫至首頁元件

為什麼選擇 GSAP? 原本想直接選跟 React 最契合的 framer......

2025 OEM 網站開發筆記 [5] - 用 GSAP 取代 Framer Motion 開發 shadcn/ui's Accordion 展開/收合動畫

問題 由於此專案使用 GSAP 而非 framer motion 導致 s......

Typescript Path Alias 設定及錯誤解決

設置 @ 路徑別名 到 tsconfig.json 加入 compiler......

2025 OEM 網站開發筆記 [2] - 用 Dummy Data 熟悉 React + TypeScript 前端開發 Workflow

熟悉 React + Vite + TypeScript + Tailwind CSS + TanStack Query + Django + MySQL 整套工作流程

前言 先不用實際去後端寫 API Endpoint,直接用 Dummy d......

2025 OEM 網站開發筆記 [1] - 📌 Tech Stack

記錄專案使用到的技術

前言 這次開發 OEM 代工網站用 Vite作為開發伺服器 ,而非傳統的 ......