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...
功能 在「來企排隊」系統中，我們整合了 Google 地圖功能，讓用戶可以： 查看附近的商家位置 獲取商家詳細資訊（名稱、地址、電話） 直接發送簡訊邀請商家...
故事介紹 「身為前端開發者，是否也曾為後端開發頭痛？」 大家好我是William，身為前端開發者，在開發自己的專案時，經常需要處理後端的資料庫、認證等功能。傳...
最終日誌：從人類最弱前端兵器到全端闇影君主 系統提示：最終紀錄已歸檔。正在關閉日誌功能… 這是一個關於技術成長的史詩故事。從一個代號「人類最弱前端兵器」的 E...
今天要介紹的是 Supabase 的官方文件中導覽列，摘要整個網站的文件，將幫助你快速了解 Supabase 的各項功能，後續文章將介紹使用方式。 官網文件導...
為什麼 Supabase 適合所有人？ Supabase 就像主角獨自擁有的「系統」，裡面有各種不同複雜度的工具，能在這個工具箱中找到適合自己目前技能水平的工...
除了使用 Supabase 官方雲端平台，你也可以選擇在自己的伺服器上部署 Supabase！這就像是把整個 Supabase 搬到你自己家裡，完全由你掌控。...
Supabase CLI 是開發者在本地環境中管理 Supabase 專案的強大工具。透過 CLI，你可以在本地建立完整的 Supabase 開發環境，包括資...
在前面的文章中，我們已經學會了 Supabase CLI 的基本安裝和使用。今天要為大家整理一份完整的常用指令清單，讓你在開發過程中能夠快速查找和使用這些實用...
除了使用 Supabase 官方雲端平台，你也可以選擇在自己的伺服器上部署 Supabase！這就像是把整個 Supabase 搬到你自己家裡，完全由你掌控。...
在上集中，我們學會了如何安裝、設定 Supabase CLI 以及基本指令的使用。這一集將用最簡單的方式示範如何本地建立資料表、同步到雲端，以及進行資料填充。...
在上集中，我們學會了如何安裝、設定 Supabase CLI 以及基本指令的使用。這一集將用最簡單的方式示範如何本地建立資料表、同步到雲端，以及進行資料填充。...
什麼是 MCP？ MCP（Model Context Protocol）是一個開放標準，讓 AI 助手能夠安全地連接和操作外部系統。 簡單來說： MCP 就像...
本文將詳細展示系統的網頁架構和使用者操作流程。透過視覺化的方式，讓開發者和使用者都能清楚了解系統的完整結構和操作邏輯。 「來企排隊」（LaiQiPaiDui）...
本地開發完成排隊系統後，下一步就是將整個系統部署到雲端環境。如何將本地的 Supabase CLI 設定部署到雲端，並介紹自動化部署流程。 關於本地與雲端 1...
在前面的文章中，我們學會了如何使用 Supabase CLI 管理專案、建立資料表，以及各種開發工具。今天要介紹的是 Supabase 的核心功能之一：Dat...
在前面的文章中，我們已經學會了 Supabase CLI 的基本安裝和使用。今天要為大家整理一份完整的常用指令清單，讓你在開發過程中能夠快速查找和使用這些實用...
在團隊開發中，經常面臨一個兩難：既要快速迭代新功能，又要確保正式環境的穩定性。而 Supabase Branching 功能就是為了解決這個問題而生，讓你的團...
最終日誌：從人類最弱前端兵器到全端闇影君主 系統提示：最終紀錄已歸檔。正在關閉日誌功能… 這是一個關於技術成長的史詩故事。從一個代號「人類最弱前端兵器」的 D...
什麼是 Edge Functions？ Supabase Edge Functions 是一個基於 Deno 運行時的無伺服器函數服務，可以在邊緣節點執行，T...
tainvecs
tjabi
william
iThome鐵人賽
看影片追技術