iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1507 瀏覽

技術從 13 秒到 <1 秒：我用 AI 重寫 Google Apps Script 記帳系統

從 13 秒到 <1 秒：我用 AI 重寫 Google Apps Script 記帳系統本文僅分享技術心得與效能改進經驗。核心重點在於如何運用 A...

bill86854238 ‧ 2025-10-30

0 Like 0 留言 1499 瀏覽

鐵人賽 Modern Web DAY 21

組裝前端開發工具箱，從 NX 入手系列第 21 篇

技術 Next App Router 設定 i18n

來設定 Next 專案的 i18n 功能。 Next App Router 架構納入了 React Server component ，所以要想辦法設定能夠在...

Jasper ‧ 2023-09-22 ‧團隊我在鐵人賽烙賽、也在外木山裸泳◑ω◐

0 Like 0 留言 1478 瀏覽

鐵人賽 Modern Web DAY 20

Rust 的戰國時代：探索網頁前端工具的前世今生系列第 20 篇

技術 Day 20：來實驗看看 Next.js、Remix 專案遷移到 Rspack 可行嗎？

文章已同步發表於個人部落格，也可以前往觀賞好讀版。前言剛好前陣子有位讀者詢問「有在 Next.js 中將 bundler 成功替換成 Rspack，但不...

codefarmer ‧ 2024-10-04

0 Like 0 留言 1469 瀏覽

鐵人賽 Modern Web DAY 6

組裝前端開發工具箱，從 NX 入手系列第 6 篇

技術整合 MUI 跟 Tailwind 樣式設定

MUI 有自己的樣式主題系統，tailwind 也有，為了防止之後再套用樣式的時候兩邊出現偏差，要來想辦法同步兩邊的設定。首先建立好 MUI 的自訂主題。 /...

Jasper ‧ 2023-09-07 ‧團隊我在鐵人賽烙賽、也在外木山裸泳◑ω◐

0 Like 0 留言 1424 瀏覽

鐵人賽 Modern Web DAY 17

組裝前端開發工具箱，從 NX 入手系列第 17 篇

技術介紹 TanStackQuery

來介紹最近喜歡的 API 串接工具 TanStackQuery。主要用來解決幾個問題：管理 API 前端快取，包含自動重取過期的快取，以及更新資料後手動更...

Jasper ‧ 2023-09-18 ‧團隊我在鐵人賽烙賽、也在外木山裸泳◑ω◐

0 Like 0 留言 1361 瀏覽

鐵人賽 Modern Web DAY 12

從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術系列第 12 篇

技術首頁樣式切版 - Modern Next.js Blog 系列 #12

TL;DR 這是「Modern Blog 30 天」系列第 12 篇文章，上一篇我們使用 Tailwind CSS 美化了 navbar, footer 等全站...

EasonChang ‧ 2022-09-27

0 Like 1 留言 1350 瀏覽

技術 Nextjs: Hydration failed because the initial UI does not match what was rendered on the server

這是Reactv18開始有的問題，官方描述: While rendering your application, there was a difference...

123123123 ‧ 2023-02-12

0 Like 0 留言 1334 瀏覽

鐵人賽 Modern Web DAY 13

使用Nextjs及Xata全端開發打造屬於你的討論版SaaS 系列第 13 篇

技術 [Day13] 建立管理後台 - Nextjs的auth, authjs

來建立Dashboard吧我們現在需要管理後台來管理我們自己的版面因此我們需要做登入的功能我們這邊使用Authjs來實作 Authjs 首先我們需要先安...

skynocover ‧ 2024-09-02

0 Like 0 留言 1324 瀏覽

技術 Build a guestbook with Next.js, NextAuth and Supabase (supabase + nextauth 開發auth登入留言板)

Stack Next.js as a framework NextAuth (Authentication for Next.js) Supabase (gu...

eliaschen ‧ 2023-02-11

0 Like 0 留言 1306 瀏覽

鐵人賽 Modern Web DAY 9

Nextjs 13: 建構專屬於你的 SSR 網站！系列第 9 篇

技術 [next 13] - data fetch

今天要接著介紹網頁開發很重要的一環， data fetch。很多時候我們開發功能時，往往需要從外部拿取資料，要如何拿取資料就是很重要的問題。這一篇會來介紹如何在...

時雨 ‧ 2023-09-24

0 Like 0 留言 1303 瀏覽

鐵人賽 Modern Web DAY 13

組裝前端開發工具箱，從 NX 入手系列第 13 篇

技術部署 Vercel

把 Next.js 專案部署上 Vercel 非常簡單，註冊帳號後選擇連動的 Github 帳號，然後建立 project 選擇要部署的 Repo ，搭配 Ve...

Jasper ‧ 2023-09-14 ‧團隊我在鐵人賽烙賽、也在外木山裸泳◑ω◐

0 Like 0 留言 1236 瀏覽

鐵人賽 Modern Web DAY 27

React 走出新手村系列第 27 篇

技術 React 走出新手村 — React Server Components

緣起官方介紹影片連結，我也是做這個主題才知道，原來這個概念已經存在那麼久了，那我們快速講解他的成因吧！影片整理目的Dan Abramov 說出了我們前端開...

LucianoLee ‧ 2023-09-27

0 Like 0 留言 1234 瀏覽

鐵人賽 Modern Web DAY 25

React 走出新手村系列第 25 篇

技術 React 走出新手村 — Next ISR

ISR概念 ISR（Incremental Static Regeneration）是 Next.js 在（SSG）的基礎上做出的改進方法，讓頁面在構成之後根據...

LucianoLee ‧ 2023-09-25

0 Like 0 留言 1232 瀏覽

鐵人賽 Modern Web DAY 17

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 17 篇

技術 #17 No-code 之旅 — 專案架構

今天先建立專案，還有開始慢慢地定架構，裝 dependencies ～ Setup 這專案想要用 Next.js + TypeScript 寫，所以用下面指令...

Jade ‧ 2021-10-02

0 Like 0 留言 1189 瀏覽

鐵人賽 Modern Web DAY 14

Full Stack Web Development 網站實作系列第 14 篇

技術 Day 14 使用Next.js, Tailwind CSS 和 Supabase 做一個影像畫廊 image gallery app (5) -- 讀取 Supabase 資料

讀取 Supabase 資料首先安裝 supabase-js： npm i @supabase/supabase-js 接著，在根目錄，建立 client.j...

tjabi ‧ 2022-09-29

0 Like 1 留言 1167 瀏覽

鐵人賽 Modern Web DAY 1

組裝前端開發工具箱，從 NX 入手系列第 1 篇

技術建立 NX 專案

開發累積了些經驗後已經有一些用著趁手的套件，也做了一些將這些套件封裝後的工具，開了新專案的時候可以用 fork 或是將工具發布到 npm 上的方式來重用這些工具...

Jasper ‧ 2023-09-02 ‧團隊我在鐵人賽烙賽、也在外木山裸泳◑ω◐

0 Like 0 留言 1152 瀏覽

鐵人賽 Modern Web DAY 13

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 13 篇

技術 [Day 13]每天前進一點應該也是進步吧?(前端篇)

挑戰目標: MockNative Camp 今天我們來整理昨天沒有弄好的footer右邊的部分，這是我們的目標昨天完成的今天完成的今天決定另闢蹊徑到uxwi...

Moscle.dev ‧ 2021-09-28

0 Like 0 留言 1043 瀏覽

鐵人賽 Modern Web DAY 6

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 6 篇

技術 [Day 6]中秋時在做什麼，有沒有空，可以幫想標題嗎(前端篇)

今天來實作Navite Camp的Nav，看官們可以點網址去看他的效果，因為沒有時間，滑鼠移動到各tab時下面橘色border會滑順的移動，這個暫時沒時間去實作...

Moscle.dev ‧ 2021-09-21

0 Like 0 留言 1013 瀏覽

鐵人賽 Modern Web DAY 20

組裝前端開發工具箱，從 NX 入手系列第 20 篇

技術 NX 自定義 plugin 建立客製化的 generator

NX 有提供擴充工具幫助快速生成專案或是元件庫的架構，像是： pnpm exec nx generate @nx/next:application 利用擴充工...

Jasper ‧ 2023-09-21 ‧團隊我在鐵人賽烙賽、也在外木山裸泳◑ω◐

0 Like 0 留言 1007 瀏覽

鐵人賽 Modern Web DAY 15

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 15 篇

技術 [Day 15]吶吶，還有一半別想跑(前端篇)

挑戰目標: MockNative Camp 今天繼續來製作我們的Footer，目標前兩天我們已經將這些顯示文字都寫入到config中next.config.j...

Moscle.dev ‧ 2021-09-30

2 Like 0 留言 1003 瀏覽

鐵人賽 Software Development

我獨自開發 - 用 Supabase 打造全端應用系列第 31 篇

技術完結篇 - 使用 Supabase 從最弱到最強的開發旅程

最終日誌：從人類最弱前端兵器到全端闇影君主系統提示：最終紀錄已歸檔。正在關閉日誌功能… 這是一個關於技術成長的史詩故事。從一個代號「人類最弱前端兵器」的 E...

william ‧ 2025-10-14

0 Like 0 留言 999 瀏覽

鐵人賽 Modern Web DAY 3

使用Nextjs及Xata全端開發打造屬於你的討論版SaaS 系列第 3 篇

技術 [Day3]製作討論串頁面 - Nextjs的useClient

先安裝今天會用到的套件 yarn add lucide-react npx shadcn-ui@latest init 選項全部選預設就好 npx sha...

skynocover ‧ 2024-08-23

0 Like 0 留言 981 瀏覽

鐵人賽 Modern Web DAY 12

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 12 篇

技術 [Day 12]我也好想成為時間管理大師(前端篇)

挑戰目標: MockNative Camp 挑戰還沒過半就已經覺得自己債越積越深了...今天要來挑戰實作Footer(原本我們可以從開發者工具看到footer...

Moscle.dev ‧ 2021-09-27

0 Like 0 留言 979 瀏覽

鐵人賽 Modern Web DAY 9

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 9 篇

技術 [Day 9]人不作死就不會死(前端篇)

挑戰目標: MockNative Camp前端昨天嘗試refactor時遇到了來不及解決的Bug，今天專心的在看一遍官方文件，這次注意到了當時我使用的是se...

Moscle.dev ‧ 2021-09-24

0 Like 0 留言 975 瀏覽

鐵人賽 Modern Web DAY 5

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 5 篇

技術 [Day 5]新手村外的首戰是史萊姆應該是定番吧

今天我們來完成Header，不過位置方面我是使用Tailwinds CSS，要花時間客製化位置，但我沒那麼多時間所以沒辦法對的很準，請看官們見諒。這是Nati...

Moscle.dev ‧ 2021-09-20

0 Like 0 留言 968 瀏覽

鐵人賽 Modern Web DAY 10

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 10 篇

技術 [Day 10]怎麼每天都像在趕末班電車R(前端篇)

挑戰目標: MockNative Camp前端週末也是很多事要做，每天大概都晚上9點到12點是鐵人賽的工作時間，寫code, test, debug和截圖之...

Moscle.dev ‧ 2021-09-25

0 Like 0 留言 961 瀏覽

鐵人賽 Modern Web DAY 4

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 4 篇

技術 [Day4]專案始動-續(前端篇)

今天我們繼續來設定我們的架構，首先先把index.js的預設內容給刪除掉。透過檢視原始碼，可以取得title以及icon，整理一下之後index.js imp...

Moscle.dev ‧ 2021-09-19

0 Like 0 留言 958 瀏覽

鐵人賽 Modern Web DAY 17

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 17 篇

技術 [Day 17]獨自一人的全端攻略(前端篇)

挑戰目標: MockNative Camp 最近這兩年在工作上一直想要有同事可以交流進步，或者是遇到可以學習的同事，但終究在這兩份工作中都屬於自己一個人單打獨...

Moscle.dev ‧ 2021-10-02

0 Like 0 留言 933 瀏覽

鐵人賽 Modern Web DAY 8

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 8 篇

技術 [Day 8]開賽八天即遭遇難題(前端篇)

挑戰目標: MockNative Camp前端今天原本是要來refactor和解決hover的問題的，但是在將navtab給component化時遭遇難題，...

Moscle.dev ‧ 2021-09-23

0 Like 0 留言 931 瀏覽

鐵人賽 Modern Web DAY 23

React 走出新手村系列第 23 篇

技術 React 走出新手村 — 認識Next

動機主要還是想順著開頭篇章繼續補完 React server component，所以接下來就是會碰到 Next 這個框架，因為他與 React18 合作開發...

LucianoLee ‧ 2023-09-23

技術 從 13 秒到 <1 秒：我用 AI 重寫 Google Apps Script 記帳系統

技術 Next App Router 設定 i18n

技術 Day 20：來實驗看看 Next.js、Remix 專案遷移到 Rspack 可行嗎？

技術 整合 MUI 跟 Tailwind 樣式設定

技術 介紹 TanStackQuery

技術 首頁樣式切版 - Modern Next.js Blog 系列 #12

技術 Nextjs: Hydration failed because the initial UI does not match what was rendered on the server

技術 [Day13] 建立管理後台 - Nextjs的auth, authjs

技術 Build a guestbook with Next.js, NextAuth and Supabase (supabase + nextauth 開發auth登入留言板)

技術 [next 13] - data fetch

技術 部署 Vercel

技術 React 走出新手村 — React Server Components

技術 React 走出新手村 — Next ISR

技術 #17 No-code 之旅 — 專案架構

技術 Day 14 使用Next.js, Tailwind CSS 和 Supabase 做一個影像畫廊 image gallery app (5) -- 讀取 Supabase 資料

技術 建立 NX 專案

技術 [Day 13]每天前進一點應該也是進步吧?(前端篇)

技術 [Day 6]中秋時在做什麼，有沒有空，可以幫想標題嗎(前端篇)

技術 NX 自定義 plugin 建立客製化的 generator

技術 [Day 15]吶吶，還有一半別想跑(前端篇)

技術 完結篇 - 使用 Supabase 從最弱到最強的開發旅程

技術 [Day3]製作討論串頁面 - Nextjs的useClient

技術 [Day 12]我也好想成為時間管理大師(前端篇)

技術 [Day 9]人不作死就不會死(前端篇)

技術 [Day 5]新手村外的首戰是史萊姆應該是定番吧

技術 [Day 10]怎麼每天都像在趕末班電車R(前端篇)

技術 [Day4]專案始動-續(前端篇)

技術 [Day 17]獨自一人的全端攻略(前端篇)

技術 [Day 8]開賽八天即遭遇難題(前端篇)

技術 React 走出新手村 — 認識Next

標記使用者

技術從 13 秒到 <1 秒：我用 AI 重寫 Google Apps Script 記帳系統

技術整合 MUI 跟 Tailwind 樣式設定

技術介紹 TanStackQuery

技術首頁樣式切版 - Modern Next.js Blog 系列 #12

技術部署 Vercel

技術建立 NX 專案

技術完結篇 - 使用 Supabase 從最弱到最強的開發旅程