鐵人檔案
最近想學習前端以外的知識，並且拓展自己的領域，並從前端邁向全端。這次會使用到的套件包含為Nextjs、Nestjs、Graphql、prisma來創建一個簡易的購物車網站。
文章重點 介紹並說明參加本次比賽的動機。 概述本系列將涵蓋的主要工具和套件。 本文 大家好，我是 Felix。目前是一位前端工程師。這次參加鐵人賽的目的是...
文章重點 什麼是 Monorepo，以及為什麼我們選擇使用它? Monolith、Multi-Repo 與 Monorepo 的比較。 使用 Nx 工具來創建...
文章重點 什麼是代碼格式化工具以及一些常用的工具介紹。 如何設置 .editorconfig、.eslintrc.json 和 .prettierrc。...
文章重點 介紹如何利用 Git Hooks 自動執行代碼品質檢查和格式排版。 探討 husky、lint-staged 和 commitlint 這三個工具的...
文章重點 如何進一步優化 VSCode 的自動格式化設置 進一步的設置eslint和git hook 本文 在前面的文章中，我們初步設置了代碼檢查（lin...
文章重點 如何在VSCode中設置 debugger .vscode\launch.json 中的主要參數設置和其意義 透過範例展示如何在代碼中設置斷點，並...
文章重點 使用NX來建立專案的元件庫 利用Storybook對元件進行視覺化展示 整合並設定radix和master css提供更豐富的樣式和功能 本文...
文章重點 設置Next.js app 展示如何使用提供的元件進行頁面構建 本文 現在我們來設置我們的Nextjs app，打開我們的目錄，我們可以看到應用...
文章重點 我們先設計一個簡易的商店頁面結構，包含主頁、會員中心、商品列表、購物車及結帳等功能。 設計與商店功能相關的 API，涵蓋商品查詢、用戶認證、購物車操...
文章重點 拆分元件，並透過storybook來可視化元件 使用Next.js創建動態路由 初步實現頁面 本文 為了確保我們的應用程式結構清晰且易於維護，我...
