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