Github, Over Engineering 前面三篇我麼講述了如何實作網路爬蟲，從網頁上擷取資料。接下來我們要用一天的篇幅，簡單介紹如何將爬蟲所擷取的初始...
最終日誌：從人類最弱前端兵器到全端闇影君主 系統提示：最終紀錄已歸檔。正在關閉日誌功能… 這是一個關於技術成長的史詩故事。從一個代號「人類最弱前端兵器」的 E...
(1) push 程式碼到 gitHub(2) Import 華國美學畫廊(image gallery app) 到 Vercel(3) 3-1 環境變數(En...
故事介紹 「身為前端開發者，是否也曾為後端開發頭痛？」 大家好我是William，身為前端開發者，在開發自己的專案時，經常需要處理後端的資料庫、認證等功能。傳...
在前面的文章中，我們學會了如何使用 Supabase CLI 管理專案、建立資料表，以及各種開發工具。今天要介紹的是 Supabase 的核心功能之一：Dat...
新增 Navbar 至每個網頁頂端：利用 Next 的 Layout 元件，來建立每個網頁都可以看到的 Navbar。新增 components/Layout....
除了使用 Supabase 官方雲端平台，你也可以選擇在自己的伺服器上部署 Supabase！這就像是把整個 Supabase 搬到你自己家裡，完全由你掌控。...
Stack Next.js as a framework NextAuth (Authentication for Next.js) Supabase (gu...
功能 在「來企排隊」系統中，我們整合了 Google 地圖功能，讓用戶可以： 查看附近的商家位置 獲取商家詳細資訊（名稱、地址、電話） 直接發送簡訊邀請商家...
讀取 Supabase 資料首先安裝 supabase-js： npm i @supabase/supabase-js 接著，在根目錄，建立 client.j...
什麼是 Edge Functions？ Supabase Edge Functions 是一個基於 Deno 運行時的無伺服器函數服務，可以在邊緣節點執行，T...
今天要利用 Supabase Edge Function 結合 Resend 服務，來寄送客製化的訂單通知信。 什麼是 Resend？ Resend 是一個專...
這個 app 將從 supabase 讀取資料，在透過自製 Tailwind CSS 元件，呈現類似 netflix，hulu 的影像畫廊(image gall...
更改網頁的 title，建立 Meta 元件：(1)更改網頁 title 及其他 meta 資料(2)更改 Contact Us 網頁 title(3)更改個別...
最終日誌：從人類最弱前端兵器到全端闇影君主 系統提示：最終紀錄已歸檔。正在關閉日誌功能… 這是一個關於技術成長的史詩故事。從一個代號「人類最弱前端兵器」的 D...
繼續加其他文字資料到圖卡上，增加圖片 title 到圖卡上。在 /components/ImageCard.js 加上下列指令。 <div classNa...
除了使用 Supabase 官方雲端平台，你也可以選擇在自己的伺服器上部署 Supabase！這就像是把整個 Supabase 搬到你自己家裡，完全由你掌控。...
透過 Supabase Auth 與 Database ，快速建立一個安全、可擴展的會員認證系統。 主要功能 使用者資料管理 建立完整的使用者資料表 支...
Supabase:到 supabase.com 用您的 github 帳號註冊，出現下面驗證畫面， 驗證成功後，會進到 supabase dashboard。進...
為什麼 Supabase 適合所有人？ Supabase 就像主角獨自擁有的「系統」，裡面有各種不同複雜度的工具，能在這個工具箱中找到適合自己目前技能水平的工...
將 Supabase 資料秀在螢幕上從 Supabase 成功讀取資料後，要秀出這些資料在螢幕上，需要兩個動作。每一個影像(image)需要一個圖片卡來放圖片及...
Supabase CLI 是開發者在本地環境中管理 Supabase 專案的強大工具。透過 CLI，你可以在本地建立完整的 Supabase 開發環境，包括資...
Twimg.js (Create 功能)TwUpdate.js (Update 功能)TwDelete.js (Delete 功能) // components...
在開發應用程式時，檔案儲存是一個不可避免的需求。無論是用戶頭像、產品圖片、文件下載，都需要安全且高效的檔案儲存方案。 什麼是 Supabase Storage...
前言 歡迎來到第 21 天！昨天我們完成了後端的整理，讓路由本身變得更為單純，把服務的邏輯抽出管理，在結構上看起來遠比之前好看多了。我們昨天做的努力，除了本來就...
前言 歡迎來到第十天！你應該多少有發現第二週開始之後每天文章的內容變少了些，原因也相當簡單，整個專案我只有第一週是我熟悉的領域，後面開始我就是跟你們一樣邊做邊學...
什麼是 MCP？ MCP（Model Context Protocol）是一個開放標準，讓 AI 助手能夠安全地連接和操作外部系統。 簡單來說： MCP 就像...
本地開發完成排隊系統後，下一步就是將整個系統部署到雲端環境。如何將本地的 Supabase CLI 設定部署到雲端，並介紹自動化部署流程。 關於本地與雲端 1...
今天要介紹的是 Supabase 的官方文件中導覽列，摘要整個網站的文件，將幫助你快速了解 Supabase 的各項功能，後續文章將介紹使用方式。 官網文件導...
在前面的文章中，我們已經學會了 Supabase CLI 的基本安裝和使用。今天要為大家整理一份完整的常用指令清單，讓你在開發過程中能夠快速查找和使用這些實用...
tainvecs
william
tjabi
windate3411
iThome鐵人賽
看影片追技術