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

next.js相關文章

共有 234 則文章

2 人追蹤

追蹤

0 Like 0 留言 217 瀏覽

鐵人賽自我挑戰組 DAY 21

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

技術第二十ㄧ關 - 來企排隊：資料庫與 API 文件規劃

以下會規劃系統的資料庫架構與 API 設計，涵蓋使用者管理、商家管理、預約系統、即時訊息以及通知功能。「來企排隊」（LaiQiPaiDui）：取自台語「來...

william ‧ 2025-10-04

0 Like 0 留言 210 瀏覽

鐵人賽 Software Development DAY 21

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

技術第二十ㄧ關 - 來企排隊：資料庫與 API 文件規劃

以下會規劃系統的資料庫架構與 API 設計，涵蓋使用者管理、商家管理、預約系統、即時訊息以及通知功能。「來企排隊」（LaiQiPaiDui）：取自台語「來...

william ‧ 2025-10-04

0 Like 0 留言 187 瀏覽

鐵人賽 Modern Web DAY 19

前端工程師的AI應用開發實戰：30天從Prompt到Production - 以打造AI前端面試官為例系列第 19 篇

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

前言第19天！終於快結束了！另外現在正逢大量連假出沒，出遊之餘肯定更有餘裕寫文章的..吧？不管了！昨天我們對後端的部分做了一個小小的優化，利用自己實踐的錯誤重...

windate3411 ‧ 2025-10-03

0 Like 0 留言 289 瀏覽

鐵人賽 Modern Web DAY 28

從 React 學 Next.js：不只要會用，還要真的懂系列第 28 篇

技術【Day 28】Next.js 是成為全端框架？！建立 API 和直接接觸後端 DB 的方式

一直以來專注在前端領域的我，有一天突然聽到身邊的朋友跟我說：「你是寫全端的喔？」我黑人問號了一下，回他：「不是，我是寫前端的，我是前端工程師。」一來一往的對話...

文科少女 ‧ 2025-10-05

0 Like 0 留言 233 瀏覽

鐵人賽自我挑戰組 DAY 20

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

技術第二十關 - 來企排隊：網頁地圖/流程圖/時序圖/設計稿

本文將詳細展示系統的網頁架構和使用者操作流程。透過視覺化的方式，讓開發者和使用者都能清楚了解系統的完整結構和操作邏輯。「來企排隊」（LaiQiPaiDui）...

william ‧ 2025-10-03

0 Like 0 留言 238 瀏覽

鐵人賽 Software Development DAY 20

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

技術第二十關 - 來企排隊：網頁地圖/流程圖/時序圖/設計稿

本文將詳細展示系統的網頁架構和使用者操作流程。透過視覺化的方式，讓開發者和使用者都能清楚了解系統的完整結構和操作邏輯。「來企排隊」（LaiQiPaiDui）...

william ‧ 2025-10-03

0 Like 0 留言 191 瀏覽

鐵人賽 Modern Web DAY 18

前端工程師的AI應用開發實戰：30天從Prompt到Production - 以打造AI前端面試官為例系列第 18 篇

技術讓 AI 可靠一點：錯誤處理與 API 重試機制

前言歡迎來到18天，以我個人來說是第二喜歡的啤酒！如果能邊喝邊寫就好了，但感覺會直接喝到忘記發文，想想還是算了。昨天我們做了相當簡單的改動讓我們的 AI 面試...

windate3411 ‧ 2025-10-02

0 Like 0 留言 278 瀏覽

鐵人賽 Modern Web DAY 27

從 React 學 Next.js：不只要會用，還要真的懂系列第 27 篇

技術【Day 27】用 Next.js 進行 SEO：Meta 設定與常見誤區

說到 Next.js，除了檔案系統的路由設定很便利外，應該還會想到「對於 SEO 很友善」的這部分。今天就讓我們來看看 Next.js 究竟為什麼會大家當做寫...

文科少女 ‧ 2025-10-04

0 Like 0 留言 213 瀏覽

鐵人賽自我挑戰組 DAY 19

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

技術第十九關 - Supabase 實戰開發全端應用：來企排隊

專案背景你是否曾經在餐廳門口排隊等位，眼睜睜看著時間一分一秒流逝？或是在診所候診室裡無聊地滑手機，不知道還要等多久？作為一個非常討厭排隊的人，深深感受到排...

william ‧ 2025-10-02

0 Like 0 留言 257 瀏覽

鐵人賽 Software Development DAY 19

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

技術第十九關 - Supabase 實戰開發全端應用：來企排隊

專案背景你是否曾經在餐廳門口排隊等位，眼睜睜看著時間一分一秒流逝？或是在診所候診室裡無聊地滑手機，不知道還要等多久？作為一個非常討厭排隊的人，深深感受到排...

william ‧ 2025-10-02

0 Like 0 留言 234 瀏覽

鐵人賽 Modern Web DAY 17

前端工程師的AI應用開發實戰：30天從Prompt到Production - 以打造AI前端面試官為例系列第 17 篇

技術為 AI 植入短期記憶：實作對話上下文

前言歡迎來到第十七天！昨天我們為 Streaming 體驗加上了「打字機效果」和「取消功能」，讓 AI 面試官的互動感覺更流暢、更可控。整個通訊管道現在可以說...

windate3411 ‧ 2025-10-01

0 Like 0 留言 325 瀏覽

鐵人賽自我挑戰組 DAY 18

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

技術第十八關 - 提升魔力波長MAX：Supabase Auth 進階設定

在上一篇文章中，我們學會了 Supabase Auth 的基本使用方式。但要打造一個真正適合生產環境的應用程式，還需要了解更多進階設定。為什麼需要進階設定？...

william ‧ 2025-10-01

0 Like 0 留言 284 瀏覽

鐵人賽 Software Development DAY 18

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

技術第十八關 - 提升魔力波長MAX：Supabase Auth 進階設定

在上一篇文章中，我們學會了 Supabase Auth 的基本使用方式。但要打造一個真正適合生產環境的應用程式，還需要了解更多進階設定。為什麼需要進階設定？...

william ‧ 2025-10-01

0 Like 0 留言 240 瀏覽

鐵人賽 Modern Web DAY 16

前端工程師的AI應用開發實戰：30天從Prompt到Production - 以打造AI前端面試官為例系列第 16 篇

技術 Streaming 優化：AbortController、錯誤處理與打字機效果

前言歡迎來到第十六天！昨天我們成功讓 AI 面試官「動」了起來，透過 Streaming 技術，使用者終於不用再盯著空白畫面乾等到完整回覆產生然後被一口氣塞臉...

windate3411 ‧ 2025-09-30

0 Like 0 留言 255 瀏覽

鐵人賽自我挑戰組 DAY 17

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

技術第十七關 - 魔力波長：Supabase Auth

今天要介紹的 Supabase Auth，就是為了解決傳統的身份驗證系統需要處理密碼加密、安全性考量等複雜問題。完整的身份驗證解決方案，還能與 Supabas...

william ‧ 2025-09-30

0 Like 0 留言 208 瀏覽

鐵人賽 Software Development DAY 17

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

技術第十七關 - 魔力波長：Supabase Auth

今天要介紹的 Supabase Auth，就是為了解決傳統的身份驗證系統需要處理密碼加密、安全性考量等複雜問題。完整的身份驗證解決方案，還能與 Supabas...

william ‧ 2025-09-30

0 Like 0 留言 163 瀏覽

鐵人賽 Modern Web DAY 15

前端工程師的AI應用開發實戰：30天從Prompt到Production - 以打造AI前端面試官為例系列第 15 篇

技術 AI 面試官動起來！實現最小可行 Streaming

前言歡迎來到第十五天！就...就快了，突發的事情就快處理完讓我能花時間寫文章了，回頭看了一下從Day 12開始的文章我差點吐了，錯誤相當的多，驗證也做得不足，...

windate3411 ‧ 2025-09-29

0 Like 0 留言 201 瀏覽

鐵人賽 Modern Web DAY 26

從 React 學 Next.js：不只要會用，還要真的懂系列第 26 篇

技術【Day 26】Next.js 的 JavaScript 載入優化方式 - next/dynamic

昨天看過圖片的優化方式，今天接著再來看看載入 JavaScript 的優化方式。在正式來看為什麼需要額外做一些動作來優化 JavaScript 的載入之前，我們...

文科少女 ‧ 2025-10-03

0 Like 0 留言 264 瀏覽

鐵人賽自我挑戰組 DAY 16

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

技術第十六關 - 心靈感應與雙向感知：Supabase Realtime

身為前端開發者，打造一個即時聊天室、一個能即時更新數據的儀表板，這些「即時互動」的應用，往往能大幅提升使用者體驗，要實現這些功能，傳統上需要處理複雜的後端設定...

william ‧ 2025-09-29

0 Like 0 留言 277 瀏覽

鐵人賽 Software Development DAY 16

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

技術第十六關 - 心靈感應與雙向感知：Supabase Realtime

身為前端開發者，打造一個即時聊天室、一個能即時更新數據的儀表板，這些「即時互動」的應用，往往能大幅提升使用者體驗，要實現這些功能，傳統上需要處理複雜的後端設定...

william ‧ 2025-09-29

0 Like 0 留言 262 瀏覽

鐵人賽 Modern Web DAY 25

從 React 學 Next.js：不只要會用，還要真的懂系列第 25 篇

技術【Day 25】Next.js 的圖片優化方式 - Image：你可能不需要額外使用它

說到在畫面中加入圖片，大家第一個想法都是使用 <img> 標籤，但是在 Next.js 卻另外提供了一個也是用來放上圖片的用法 <Image&...

文科少女 ‧ 2025-10-02

1 Like 0 留言 169 瀏覽

鐵人賽佛心分享-SideProject30 DAY 27

熟悉的網聊最對味？來做個匿名聊天室吧！系列第 27 篇

技術 [Day-27] 見面 3 秒就冷場？利用爬蟲找到熱門話題！

不論網路還是生活上的社交，難免都會有不知道要聊什麼的時候，如果不常看新聞或社群媒體，一時之間還真的會冷場......這時候就透過系統推薦的話題來亂聊一通吧！...

Shin ‧ 2025-09-28 ‧團隊火箭隊 v2025

0 Like 0 留言 210 瀏覽

鐵人賽 Modern Web DAY 14

前端工程師的AI應用開發實戰：30天從Prompt到Production - 以打造AI前端面試官為例系列第 14 篇

技術 AI 的文理雙全：整合 RAG 與 Judge0，強制輸出結構化 JSON

前言歡迎來到第二週的收尾～！再次強調，如果你有感受到這兩天的文章變水了，就跟水屬性的魔法師第11集一樣水，那你的感受是完全正確的！家族內的事情讓我實在很難抽出...

windate3411 ‧ 2025-09-28

0 Like 0 留言 186 瀏覽

鐵人賽自我挑戰組 DAY 15

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

技術第十五關 - 影子軍團：Supabase Edge Functions

什麼是 Edge Functions？ Supabase Edge Functions 是一個基於 Deno 運行時的無伺服器函數服務，可以在邊緣節點執行，T...

william ‧ 2025-09-28

0 Like 0 留言 648 瀏覽

鐵人賽 Software Development DAY 15

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

技術第十五關 - 影子軍團：Supabase Edge Functions

什麼是 Edge Functions？ Supabase Edge Functions 是一個基於 Deno 運行時的無伺服器函數服務，可以在邊緣節點執行，T...

william ‧ 2025-09-28

0 Like 0 留言 158 瀏覽

鐵人賽 Modern Web DAY 24

從 React 學 Next.js：不只要會用，還要真的懂系列第 24 篇

技術【Day 24】App Router 的進階用法 3 - Intercepting Routes

昨天看了 App Router 中一個可以透過建立 slot 設定為平行路由的實作方式，今天再來看一個很類似，但應用情境有點不同的 App Router 的進階...

文科少女 ‧ 2025-10-01

0 Like 0 留言 154 瀏覽

鐵人賽 Modern Web DAY 13

前端工程師的AI應用開發實戰：30天從Prompt到Production - 以打造AI前端面試官為例系列第 13 篇

技術取得客觀事實：透過 Judge0 執行程式碼並取得結果

前言歡迎來到第十三天！昨天的內容相當輕鬆對吧！我也覺得，但串接第三方就是很容易有些意外嘛，多留點空總不會錯！另一方面就是家中出了點事情，我需要一點時間去處理...

windate3411 ‧ 2025-09-27

1 Like 0 留言 409 瀏覽

鐵人賽 Software Development DAY 14

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

技術第十四關 - 惡魔城的鑰匙：Supabase Storage

在開發應用程式時，檔案儲存是一個不可避免的需求。無論是用戶頭像、產品圖片、文件下載，都需要安全且高效的檔案儲存方案。什麼是 Supabase Storage...

william ‧ 2025-09-27

0 Like 0 留言 197 瀏覽

鐵人賽自我挑戰組 DAY 14

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

技術第十四關 - 惡魔城的鑰匙：Supabase Storage

在開發應用程式時，檔案儲存是一個不可避免的需求。無論是用戶頭像、產品圖片、文件下載，都需要安全且高效的檔案儲存方案。什麼是 Supabase Storage...

william ‧ 2025-09-27

0 Like 0 留言 154 瀏覽

鐵人賽 Modern Web DAY 23

從 React 學 Next.js：不只要會用，還要真的懂系列第 23 篇

技術【Day 23】App Router 的進階用法 2 - Parallel Routes

昨天我們已經看了 Next.js App Router 的 Route Groups 和 Private Folders 的使用方式，今天接著再來看另一個 Pa...

文科少女 ‧ 2025-09-30

參賽組數

902 組

團體組數

37 組

累計文章數

19830 篇

完賽人數

528 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react

IT邦幫忙