全端系統開發

跨境電商網站 0→1 全端開發

【專案背景】自營跨境電商（日本限定服飾販售至台灣消費者）。原本使用 SaaS 開店平台，受限於版型與功能無法客製、會員與金流資料難以延伸，2025 年決定自建。由我一人負責技術選型、前端、後端、金流到基礎架構的 0→1 建置。【我做了什麼】・技術選型：以「2～3 人小團隊、快速迭代」為前提比較 pros/cons，選定 TypeScript（用型別擋下執行期錯誤）、Payload CMS（前後台一體，省下另做管理後台的工時）、Zeabur（容器直接部署，維運負擔最小）。・前端：Next.js 15 App Router + React 19 + Tailwind CSS + Radix UI，商品列表／商品頁／購物車／結帳全流程。・後端：Node.js + Payload CMS 3 + MongoDB Atlas + Upstash Redis，商品、訂單、會員、庫存的資料模型設計。・金流：串接台灣藍新金流 NewebPay，不依賴現成 SDK，自行實作串接轉接層與 Webhook 對帳邏輯，確保付款狀態與訂單狀態一致。・會員與認證：會員數 9,000 名以上，支援 Google 登入、Apple Sign-In、JWT 驗證。・行銷功能：哩程點數台帳、會員徽章、推薦好友（referral）機制。・AI 應用：以 Google Gemini API 實作 AI 虛擬試穿，降低線上購衣的版型不安感。・App 化：以 Capacitor 將 Next.js 應用包裝為 iOS 原生 App，並成功上架 App Store。・品質把關：Vitest／Testing Library 單元測試、Playwright E2E，並訂立「實作者（人或 AI）不自我驗收」的驗證紀律，事故一律留下 postmortem。【成果數字】・旺季單月流通額約 500 萬日圓，連續 3 個月維持月 400 萬日圓以上・商品 SKU 28,548 筆／會員 9,000 名以上／累計訂單 6,000 件以上・累計造訪約 150 萬、PV 約 580 萬、平均客單價約 12,500 日圓【可以提供的協助】如果您需要從 0 開始的電商或會員制網站——含金流串接、後台管理、App 化——我能從需求釐清、技術選型一路做到上線與後續維運。因為自己就是電商經營者，能站在營運端理解您的業務課題後再提方案。

使用的技能專長

TypeScript
Node.js
Next.js
金流串接
RWD
電商
API開發整合
MongoDB
會員系統
React

・2026/07/19 更新

更多來自陳彥翔的作品

網站 App 化與上架 iOS

【專案背景】自家跨境電商網站的回購客多來自手機，但每次都要開瀏覽器、重新登入。為了縮短回訪路徑並取得推播管道，我把既有的 Next.js 網站包裝成 iOS App，並實際完成 App Store 上架審核。【我做了什麼】・以 Capacitor 將既有的 Next.js／React 網站包裝為 iOS 原生 App，不重寫一套 App，維持單一套程式碼與單一次維護成本。・原生層調整：安全區域（瀏海／底部）處理、返回手勢、外部連結與付款頁的開啟方式、狀態列樣式。・登入串接：Apple Sign-In（App Store 審核的必要條件）與 Google 登入。・App Store 上架作業：憑證與 Provisioning 設定、App icon 與截圖素材、App 隱私權說明填寫，並處理審核回覆直到通過。・更新流程：網站端更新即等同 App 內容更新，減少每次改版都要重新送審的成本。【技術】 Capacitor、Next.js、React、TypeScript、Xcode、App Store Connect 【可以提供的協助】如果您已經有網站或 Web 系統，想要一個能放在手機桌面、可上架的 App，但不想付兩套開發費用——我可以評估您的網站是否適合這個做法（以及哪些功能必須改寫），並負責到上架審核通過為止。也可協助已被 App Store 退件的案子排查原因。

APP軟體開發

會員積點與遊戲化系統

【專案背景】電商最貴的成本是拉新客。為了把一次性顧客變成回頭客，我在自家跨境電商網站（會員數 9,000 名以上）實作了會員積點、徽章與推薦好友的完整機制，目標是提高回購率與自然口碑帶來的新客。【我做了什麼】・哩程／點數台帳：以「交易台帳」的方式設計點數的取得與使用紀錄，每一筆增減都有來源可追溯，避免點數對不上帳。・點數規則設計：消費回饋、活動加碼、到期失效的計算邏輯，以及訂單取消／退貨時的點數回收處理。・會員徽章（Gamification）：依累計消費、購買次數、活動參與等條件自動授予徽章，提升會員的持續參與動機。・推薦好友（Referral）：專屬推薦碼與追蹤，成立訂單後自動發放雙方回饋。・會員基盤：Google 登入、Apple Sign-In、JWT 驗證，會員資料與訂單、點數整合在同一套後台管理。・後台：以 Payload CMS 讓非工程人員也能查詢會員點數、手動調整並留下紀錄。【技術】 TypeScript、Next.js 15、Node.js、Payload CMS 3、MongoDB、Upstash Redis 【可以提供的協助】如果您想在現有網站導入會員制度——點數回饋、等級制度、推薦分潤、優惠券、活動加碼——我可以協助把規則設計成「帳目對得起來、日後好調整」的系統，並附上後台操作方式，讓行銷同仁能自行維運。

網路應用程式設計

AI 虛擬試穿功能開發

【專案背景】服飾電商最大的購買障礙是「穿在我身上會是什麼樣子」。這份不安會直接變成棄單與退貨。為了在購買前就降低這個不安，我在自家跨境電商網站上實作了 AI 虛擬試穿功能。【我做了什麼】・以 Google Gemini API 進行影像生成：使用者上傳自己的照片，與商品圖合成出試穿效果。・前端流程設計：拍照／上傳、生成中的等待狀態、失敗時的重試與說明，讓非技術使用者也能一次完成。・後端串接：以 Next.js API Route 處理生成請求，控管逾時與重試；生成結果存放於 Cloudflare R2。・成本與效能控管：對相同輸入做快取、限制單一使用者的呼叫頻率，避免 API 費用失控；生成失敗時降級為原本的商品圖，不讓頁面卡住。・隱私考量：使用者上傳的照片只用於本次生成，不做長期保存與再利用。・以正式環境上線運作，並在 GitHub 公開實作（ai-virtual-tryon）。【技術】 TypeScript、Next.js 15、React 19、Google Gemini API、Cloudflare R2、Zeabur 【可以提供的協助】如果您想在既有網站或電商導入 AI 功能——虛擬試穿、商品圖生成、AI 客服、商品文案自動產生、圖片辨識——我可以協助評估「這個功能到底能解決什麼問題、成本多少」，再做出可上線、可控成本的實作，而不只是做個 Demo。

AI 系統開發

ERP 會計串接自動化

【專案背景】自營跨境電商旺季單月約 400 筆訂單，會計人員必須把電商平台（EasyStore）的訂單匯出、手動整理，再逐筆輸入會計 ERP（ECOUNT）。每次作業約 30 分鐘，且容易漏單、打錯金額。【我做了什麼】・先定義目標再動工：不是照著「幫我寫個轉檔程式」直接做，而是先和會計負責人一起把整條作業流程攤開，確認「消滅每次 30 分鐘的手工作業」這個目標，並討論哪些環節該自動化、哪些仍要人工確認，才確定需求。・以 Python3 串接 EasyStore API 與 ECOUNT ERP OpenAPI，完成訂單資料的自動取得與寫入。・訂單明細拆解：把商品、數量、運費、折扣、稅額對應到 ERP 的傳票欄位格式。・增量抓取＋冪等設計：只取新增／異動的訂單，重複執行也不會產生重複傳票，中斷後可安全重跑。・批次處理與資料清洗：統一日期、幣別、商品編碼等格式差異；失敗時輸出可追查的紀錄，指出是哪一筆、哪個欄位有問題。・上線後持續回訪會計人員，收集實際運用上的不便並反覆改善。【成果數字】・每次約 30 分鐘的人工作業縮短為一鍵、約 2 分鐘・支撐旺季單月約 400 筆、累計 6,000 筆以上的訂單處理・消除人工輸入造成的漏單與金額錯誤，月結作業負擔大幅下降【可以提供的協助】如果貴公司有「兩套系統之間每天／每月要靠人工搬資料」的情況——電商平台與 ERP、金流對帳、庫存同步、報表彙整——我可以先和實際作業的同仁釐清流程與目標，再用 API 串接或排程腳本做成可重複執行、失敗可重跑的自動化，並附上使用說明。

軟體程式設計

陳彥翔

0 人諮詢前天上線平均 -- 回覆