Young & Akebi's Tech Blog

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

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

Posted by Young on 2025-03-03

Typescript Path Alias 設定及錯誤解決

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

Posted by Young on 2025-02-10

React TypeScript npm

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

記錄專案使用到的技術

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

Posted by Young on 2025-02-07

Tailwind CSS Django React TypeScript MySQL Vite TanStack Query

2025 OEM 網站開發筆記 [3] - Swiper JS + shadcn/ui + Tailwind CSS 開發可滑動產品卡片展示櫃

順便複習 useRef vs useState 的差異

在 React + TypeScript 專案中導入 Swiper JSS......

Posted by Young on 2025-02-07

Tailwind CSS React TypeScript Vite

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

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

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

Posted by Young on 2025-02-07

Tailwind CSS Django React TypeScript MySQL Vite TanStack Query

2025 OEM 網站開發筆記 [SEO] - 用 Prerender.io 解決 CSR 網站無法擷取 meta property="og:* 的問題

CSR 網站常見 SEO 問題，在 Facebook、LINE、LinkedIn 分享時，沒有標題、描述、縮圖...等

CSR 原理及常見問題用純 React 開發 CSR(Client-Sid......

Posted by Young on 2025-02-07

Tailwind CSS React Nginx TypeScript

Ext JS 筆記：異步函數(async/await) 解決偶發性錯誤

網速影響發生錯誤的機率

問題說明前陣子看到同事 A 與老闆不斷爭執一個內部系統的其中一個問題，一問......

Posted by Young on 2023-05-10

Ext JS JavaScript

Django + React 電商專案實戰 [19] - 用戶頭貼更換/上傳功能

後端在 UserProfile 模型中加入 avatar 欄位建立 A......

Posted by Young on 2022-12-09

Django React Redux Linux

Django + React 電商專案實戰 [17] - Hash Route

為何需要 Hash Route？解決 React Router 在部署到伺......

Posted by Young on 2022-12-07

Django React Redux Linux

Django + React 電商專案實戰 [16] - 整合前端(React)與後端(Django)

不再需要特地去前端執行 npm run start

流程首先將 frontend 資料夾直接移動至 backend 資料夾內，......

Posted by Young on 2022-12-06

Django React Redux Linux

YG BLOG

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

Typescript Path Alias 設定及錯誤解決

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

記錄專案使用到的技術

2025 OEM 網站開發筆記 [3] - Swiper JS + shadcn/ui + Tailwind CSS 開發可滑動產品卡片展示櫃

順便複習 useRef vs useState 的差異

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

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

2025 OEM 網站開發筆記 [SEO] - 用 Prerender.io 解決 CSR 網站無法擷取 meta property="og:* 的問題

CSR 網站常見 SEO 問題，在 Facebook、LINE、LinkedIn 分享時，沒有標題、描述、縮圖...等

Ext JS 筆記：異步函數(async/await) 解決偶發性錯誤

網速影響發生錯誤的機率

Django + React 電商專案實戰 [19] - 用戶頭貼更換/上傳功能

Django + React 電商專案實戰 [17] - Hash Route

Django + React 電商專案實戰 [16] - 整合前端(React)與後端(Django)

不再需要特地去前端執行 npm run start

FEATURED TAGS

ABOUT ME

RECENT POSTS

FRIENDS

archives

categories