iT邦幫忙

next.js相關文章
共有 234 則文章
0 Like 1 留言 1999 瀏覽
鐵人賽 Modern Web DAY 30
前端工程師的AI應用開發實戰：30天從Prompt到Production - 以打造AI前端面試官為例 系列 第 30 篇

技術 旅程的終點與起點 - AI 面試官專案全貌回顧

前言 歡迎來到最後一天！照過往參賽的邏輯，今天都會是一個反省與回顧的好日子，我個人的回顧比較沒人在乎，會放在文章結束前，我們主要還是先回顧一下這30天來我們究竟...

windate3411 ‧ 2025-10-14
0 Like 0 留言 378 瀏覽
鐵人賽 自我挑戰組
我獨自開發 - Supabase 打造全端應用 系列 第 31 篇

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

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

william ‧ 2025-10-14
0 Like 0 留言 138 瀏覽
鐵人賽 Modern Web DAY 29
前端工程師的AI應用開發實戰：30天從Prompt到Production - 以打造AI前端面試官為例 系列 第 29 篇

技術 最後一哩路：補上缺少的 Landing Page

前言 歡迎來到倒數第二天！ 我們昨天完成了在分支上的 React 程式碼實作測驗，確認了我們目前的實作是能撐起本地的測試的，雖然因為安全性的考量我們決定不在這次...

windate3411 ‧ 2025-10-13
0 Like 0 留言 199 瀏覽
鐵人賽 自我挑戰組 DAY 30
我獨自開發 - Supabase 打造全端應用 系列 第 30 篇

技術 第三十關 - 來企排隊：Supabase CLI 部署上線完整指南

本地開發完成排隊系統後，下一步就是將整個系統部署到雲端環境。如何將本地的 Supabase CLI 設定部署到雲端，並介紹自動化部署流程。 關於本地與雲端 1...

william ‧ 2025-10-13
0 Like 0 留言 290 瀏覽
鐵人賽 Software Development DAY 30
我獨自開發 - 用 Supabase 打造全端應用 系列 第 30 篇

技術 第三十關 - 來企排隊：Supabase CLI 部署上線完整指南

本地開發完成排隊系統後，下一步就是將整個系統部署到雲端環境。如何將本地的 Supabase CLI 設定部署到雲端，並介紹自動化部署流程。 關於本地與雲端 1...

william ‧ 2025-10-13
0 Like 0 留言 854 瀏覽
鐵人賽 自我挑戰組 DAY 29
我獨自開發 - Supabase 打造全端應用 系列 第 29 篇

技術 第二十九關 - 來企排隊：Google 地圖整合與簡訊邀請

功能 在「來企排隊」系統中，我們整合了 Google 地圖功能，讓用戶可以： 查看附近的商家位置 獲取商家詳細資訊（名稱、地址、電話） 直接發送簡訊邀請商家...

william ‧ 2025-10-12
0 Like 0 留言 184 瀏覽
鐵人賽 Software Development DAY 29
我獨自開發 - 用 Supabase 打造全端應用 系列 第 29 篇

技術 第二十九關 - 來企排隊：Google 地圖整合與簡訊邀請

功能 在「來企排隊」系統中，我們整合了 Google 地圖功能，讓用戶可以： 查看附近的商家位置 獲取商家詳細資訊（名稱、地址、電話） 直接發送簡訊邀請商家...

william ‧ 2025-10-12
0 Like 0 留言 165 瀏覽
鐵人賽 Modern Web DAY 27
前端工程師的AI應用開發實戰：30天從Prompt到Production - 以打造AI前端面試官為例 系列 第 27 篇

技術 打造 React 評測引擎 ：試著做出最小可行實作方案

前言 歡迎來到 Day 27！在我們的 AI 面試官具備了評測純 JavaScript 的能力後，一個自然的延伸問題便是：我們能評測像 React 這樣的現代前...

windate3411 ‧ 2025-10-11
0 Like 0 留言 215 瀏覽
鐵人賽 自我挑戰組 DAY 28
我獨自開發 - Supabase 打造全端應用 系列 第 28 篇

技術 第二十八關 - 來企排隊： Supabase 快速建立手機號碼登入

除了使用信箱驗證註冊以外，今天要介紹透過 Supabase Auth 與 Twilio SMS 服務，建立手機號碼登入系統，讓使用者無需記住密碼，只要輸入手機...

william ‧ 2025-10-11
0 Like 0 留言 271 瀏覽
鐵人賽 Software Development DAY 28
我獨自開發 - 用 Supabase 打造全端應用 系列 第 28 篇

技術 第二十八關 - 來企排隊： Supabase 快速建立手機號碼登入

除了使用信箱驗證註冊以外，今天要介紹透過 Supabase Auth 與 Twilio SMS 服務，建立手機號碼登入系統，讓使用者無需記住密碼，只要輸入手機...

william ‧ 2025-10-11
0 Like 0 留言 151 瀏覽
鐵人賽 Modern Web DAY 26
前端工程師的AI應用開發實戰：30天從Prompt到Production - 以打造AI前端面試官為例 系列 第 26 篇

技術 應用程式控管：真實世界的成本、安全與容錯機制初探

前言 歡迎來到 Day26～！國慶假期的第一天！我們昨天更新了我們的題庫已經在 Supabase 的知識庫，同時解釋了為什麼我們暫時不打算弄真正的題庫資料庫。經...

windate3411 ‧ 2025-10-10
0 Like 0 留言 308 瀏覽
鐵人賽 自我挑戰組 DAY 27
我獨自開發 - Supabase 打造全端應用 系列 第 27 篇

技術 第二十七關 - 來企排隊： Supabase 快速整合 Resend 訂單通知信

今天要利用 Supabase Edge Function 結合 Resend 服務，來寄送客製化的訂單通知信。 什麼是 Resend？ Resend 是一個專...

william ‧ 2025-10-10
0 Like 0 留言 197 瀏覽
鐵人賽 Software Development DAY 27
我獨自開發 - 用 Supabase 打造全端應用 系列 第 27 篇

技術 第二十七關 - 來企排隊： Supabase 快速整合 Resend 訂單通知信

今天要利用 Supabase Edge Function 結合 Resend 服務，來寄送客製化的訂單通知信。 什麼是 Resend？ Resend 是一個專...

william ‧ 2025-10-10
0 Like 0 留言 205 瀏覽
鐵人賽 Modern Web DAY 25
前端工程師的AI應用開發實戰：30天從Prompt到Production - 以打造AI前端面試官為例 系列 第 25 篇

技術 擴充 AI 的大腦：高效擴充題庫與 Embedding 更新

前言 歡迎來到 Day 25！放假囉放假囉～！每次連假前的最後一個上班日都相對挺有趣的，下午就可以看到大家越來越心不在焉:D 我們昨天成功地將前端 UI 與後端...

windate3411 ‧ 2025-10-09
0 Like 0 留言 169 瀏覽
鐵人賽 自我挑戰組 DAY 26
我獨自開發 - Supabase 打造全端應用 系列 第 26 篇

技術 第二十六關 - 來企排隊： Supabase 快速建立聊天室

聊天室是一個私密的廣播電台頻道。只有知道正確頻率（例如：訂單ID）的人才能收聽和發話。Supabase Realtime 提供建立這種私密頻道的能力，讓 Ap...

william ‧ 2025-10-09
0 Like 0 留言 174 瀏覽
鐵人賽 Software Development DAY 26
我獨自開發 - 用 Supabase 打造全端應用 系列 第 26 篇

技術 第二十六關 - 來企排隊： Supabase 快速建立聊天室

聊天室是一個私密的廣播電台頻道。只有知道正確頻率（例如：訂單ID）的人才能收聽和發話。Supabase Realtime 提供建立這種私密頻道的能力，讓 Ap...

william ‧ 2025-10-09
0 Like 0 留言 159 瀏覽
鐵人賽 Modern Web DAY 24
前端工程師的AI應用開發實戰：30天從Prompt到Production - 以打造AI前端面試官為例 系列 第 24 篇

技術 讓紀錄活起來！動態串接 Supabase 資料

前言 歡迎來到 Day24！若你是每天看的朋友，那表示有個好消息！再撐一天又是一個連假啦！當然，如果你不幸身體微恙導致明天不克上班，那從今晚開始就是你的假期了:...

windate3411 ‧ 2025-10-08
0 Like 0 留言 194 瀏覽
鐵人賽 自我挑戰組 DAY 25
我獨自開發 - Supabase 打造全端應用 系列 第 25 篇

技術 第二十五關 - 來企排隊： Supabase 快速建立即時通知功能

當在餐廳排隊時，商家可以即時通知，而不需要一直刷新手機畫面。 在排隊系統中，當預約狀態改變時（比如商家確認預約、開始服務等），相關的人員會立即收到通知，就像...

william ‧ 2025-10-08
0 Like 0 留言 232 瀏覽
鐵人賽 Software Development DAY 25
我獨自開發 - 用 Supabase 打造全端應用 系列 第 25 篇

技術 第二十五關 - 來企排隊： Supabase 快速建立即時通知功能

當在餐廳排隊時，商家可以即時通知，而不需要一直刷新手機畫面。 在排隊系統中，當預約狀態改變時（比如商家確認預約、開始服務等），相關的人員會立即收到通知，就像...

william ‧ 2025-10-08
0 Like 0 留言 171 瀏覽
鐵人賽 自我挑戰組 DAY 24
我獨自開發 - Supabase 打造全端應用 系列 第 24 篇

技術 第二十四關 - 來企排隊： Supabase 快速建立商家列表和預約功能

透過 Supabase Database 和 REST API，建立完整的商家列表和預約功能，讓使用者能夠瀏覽商家並進行排隊預約。 主要功能 商家管理系統...

william ‧ 2025-10-07
0 Like 0 留言 141 瀏覽
鐵人賽 Software Development DAY 24
我獨自開發 - 用 Supabase 打造全端應用 系列 第 24 篇

技術 第二十四關 - 來企排隊： Supabase 快速建立商家列表和預約功能

透過 Supabase Database 和 REST API，建立完整的商家列表和預約功能，讓使用者能夠瀏覽商家並進行排隊預約。 主要功能 商家管理系統...

william ‧ 2025-10-07
0 Like 0 留言 172 瀏覽
鐵人賽 Modern Web DAY 22
前端工程師的AI應用開發實戰：30天從Prompt到Production - 以打造AI前端面試官為例 系列 第 22 篇

技術 建立 Auth：整合 Supabase SSR

前言 歡迎來到 Day 22！看到這篇文章的同時，表示中秋連假也到此為止了，但如果你是個狠人請了下週的三天假，那恭喜你！假期才剛開始呢:D OK! 幹話結束，我...

windate3411 ‧ 2025-10-06
0 Like 0 留言 198 瀏覽
鐵人賽 自我挑戰組 DAY 23
我獨自開發 - Supabase 打造全端應用 系列 第 23 篇

技術 第二十三關 - 來企排隊：Supabase 快速建立上傳個人頭像

今天透過 Supabase Storage ，快速實作使用者的頭像上傳功能。 技術實作 第一步：建立檔案儲存空間 在開始之前，需要在 Supabase 中設定...

william ‧ 2025-10-06
0 Like 0 留言 187 瀏覽
鐵人賽 Software Development DAY 23
我獨自開發 - 用 Supabase 打造全端應用 系列 第 23 篇

技術 第二十三關 - 來企排隊：Supabase 快速建立上傳個人頭像

今天透過 Supabase Storage ，快速實作使用者的頭像上傳功能。 技術實作 第一步：建立檔案儲存空間 在開始之前，需要在 Supabase 中設定...

william ‧ 2025-10-06
0 Like 0 留言 218 瀏覽
鐵人賽 Modern Web DAY 21
前端工程師的AI應用開發實戰：30天從Prompt到Production - 以打造AI前端面試官為例 系列 第 21 篇

技術 再訪 Supabase：建立使用者系統與資料庫基石

前言 歡迎來到第 21 天！昨天我們完成了後端的整理，讓路由本身變得更為單純，把服務的邏輯抽出管理，在結構上看起來遠比之前好看多了。我們昨天做的努力，除了本來就...

windate3411 ‧ 2025-10-05
1 Like 0 留言 222 瀏覽
鐵人賽 Modern Web DAY 30
從 React 學 Next.js：不只要會用，還要真的懂 系列 第 30 篇

技術 【Day 30】從 React 學 Next,js！總回顧之常見誤解 ＆完賽感言

時間咻一下地就來到了第 30 天，在這段期間看了很多自己不熟悉的部分，也看了自己以為自己已經熟悉的部分，但卻從過程中發現到自己原來對於 Next.js 有一些誤...

文科少女 ‧ 2025-10-07
0 Like 0 留言 156 瀏覽
鐵人賽 自我挑戰組 DAY 22
我獨自開發 - Supabase 打造全端應用 系列 第 22 篇

技術 第二十二關 - 來企排隊：Supabase 快速建立信箱註冊與登入

透過 Supabase Auth 與 Database ，快速建立一個安全、可擴展的會員認證系統。 主要功能 使用者資料管理 建立完整的使用者資料表 支...

william ‧ 2025-10-05
0 Like 0 留言 356 瀏覽
鐵人賽 Software Development DAY 22
我獨自開發 - 用 Supabase 打造全端應用 系列 第 22 篇

技術 第二十二關 - 來企排隊：Supabase 快速建立信箱註冊與登入

透過 Supabase Auth 與 Database ，快速建立一個安全、可擴展的會員認證系統。 主要功能 使用者資料管理 建立完整的使用者資料表 支...

william ‧ 2025-10-05
0 Like 0 留言 301 瀏覽
鐵人賽 Modern Web DAY 29
從 React 學 Next.js：不只要會用，還要真的懂 系列 第 29 篇

技術 【Day 29】打包工具 Turbopack 與 Webpack

前面我們看了很多關於 Next.js 的用法，最後我們也來認識一下 Next.js 提供的打包工具 Turbopack。 什麼是打包工具？ 打包工具是能夠將整個...

文科少女 ‧ 2025-10-06
0 Like 0 留言 170 瀏覽
鐵人賽 Modern Web DAY 20
前端工程師的AI應用開發實戰：30天從Prompt到Production - 以打造AI前端面試官為例 系列 第 20 篇

技術 小小技術債處理：別讓以後的自己痛苦 Part 2

前言 第二十天終於到了，這同時也表示旅程也將到終點了，照我的規劃，剩下的天數應該完全足夠把整個專案完成，並在最後一天做個總回顧跟一些可能的發展方向，理論上應該能...

windate3411 ‧ 2025-10-04
iThome鐵人賽
參賽組數
902 組
團體組數
37 組
累計文章數
19860 篇
完賽人數
528 人
iT+看影片追技術 看影片追技術 看更多
熱門tag
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react
熱門問題
熱門回答
熱門文章
IT邦幫忙