在前面的文章中，我們學會了如何使用 Supabase CLI 管理專案、建立資料表，以及各種開發工具。今天要介紹的是 Supabase 的核心功能之一：Dat...
在前面的文章中，我們學會了如何使用 Supabase CLI 管理專案、建立資料表，以及各種開發工具。今天要介紹的是 Supabase 的核心功能之一：Dat...
什麼是 Supabase 測試？ Supabase 測試，包含資料庫測試和 CI/CD 整合測試。在隔離的環境中驗證資料庫結構變更、業務邏輯和 API 功能，...
什麼是 Supabase 測試？ Supabase 測試，包含資料庫測試和 CI/CD 整合測試。在隔離的環境中驗證資料庫結構變更、業務邏輯和 API 功能，...
在團隊開發中，經常面臨一個兩難：既要快速迭代新功能，又要確保正式環境的穩定性。而 Supabase Branching 功能就是為了解決這個問題而生，讓你的團...
在團隊開發中，經常面臨一個兩難：既要快速迭代新功能，又要確保正式環境的穩定性。而 Supabase Branching 功能就是為了解決這個問題而生，讓你的團...
在前面的文章中，已經學會了如何建立和管理 Supabase 後端服務。今天要介紹的是 Supabase UI Library 能快速建立美觀且功能完整的 Su...
在前面的文章中，已經學會了如何建立和管理 Supabase 後端服務。今天要介紹的是 Supabase UI Library 能快速建立美觀且功能完整的 Su...
什麼是 AI 提示詞？ 身為開發者，我們經常需要查閱文件、思考最佳實踐，還要處理各種技術細節。而 Supabase 官方提供專門開發 Supabase 應用的...
什麼是 AI 提示詞？ 身為開發者，我們經常需要查閱文件、思考最佳實踐，還要處理各種技術細節。而 Supabase 官方提供專門開發 Supabase 應用的...
什麼是 MCP？ MCP（Model Context Protocol）是一個開放標準，讓 AI 助手能夠安全地連接和操作外部系統。 簡單來說： MCP 就像...
什麼是 MCP？ MCP（Model Context Protocol）是一個開放標準，讓 AI 助手能夠安全地連接和操作外部系統。 簡單來說： MCP 就像...
除了使用 Supabase 官方雲端平台，你也可以選擇在自己的伺服器上部署 Supabase！這就像是把整個 Supabase 搬到你自己家裡，完全由你掌控。...
在前面的文章中，我們已經學會了 Supabase CLI 的基本安裝和使用。今天要為大家整理一份完整的常用指令清單，讓你在開發過程中能夠快速查找和使用這些實用...
在前面的文章中，我們已經學會了 Supabase CLI 的基本安裝和使用。今天要為大家整理一份完整的常用指令清單，讓你在開發過程中能夠快速查找和使用這些實用...
在上集中，我們學會了如何安裝、設定 Supabase CLI 以及基本指令的使用。這一集將用最簡單的方式示範如何本地建立資料表、同步到雲端，以及進行資料填充。...
Supabase CLI 是開發者在本地環境中管理 Supabase 專案的強大工具。透過 CLI，你可以在本地建立完整的 Supabase 開發環境，包括資...
前言 今天繼續開發，重點著重在：初步探索Tailwind與理解App.vue。 工作重點 Tailwind 之前的專案架構下是使用了boostap切版，這次先諮...
今天已經是第 15 天了，轉眼間鐵人賽也達成了二分之一的進度。 今天開始要來實作第二個專案，我們要來做的是一個即時天氣 App。這次除了一樣使用 React N...
在前端進行開發的時候我們經常面對在設計整個畫面的排版與樣式時，有UI design跟design吵，自己開發跟自己吵的狀況。 因為我們在開發時常常面對到css的...
本系列文章將會把怎麼建構巴哈瀑布流、所有遇到的問題毫不保留全部紀錄 之前非本科菜雞如我，用 React 做了個失智列車網站，就去投了兩個前端實習（講白了整個...
這是「Modern Blog 30 天」系列第 26 篇文章。 上一篇加完了留言系統，這篇我們繼續加入另一個酷炫功能：「Command Palette 指令面板...
更改網頁的 title，建立 Meta 元件：(1)更改網頁 title 及其他 meta 資料(2)更改 Contact Us 網頁 title(3)更改個別...
繼續加其他文字資料到圖卡上，增加圖片 title 到圖卡上。在 /components/ImageCard.js 加上下列指令。 <div classNa...
將 Supabase 資料秀在螢幕上從 Supabase 成功讀取資料後，要秀出這些資料在螢幕上，需要兩個動作。每一個影像(image)需要一個圖片卡來放圖片及...
讀取 Supabase 資料首先安裝 supabase-js： npm i @supabase/supabase-js 接著，在根目錄，建立 client.j...
TL;DR 這是「Modern Blog 30 天」系列第 13 篇文章，上一篇我們使用 Tailwind CSS 美化了首頁樣式，這篇我們會繼續美化文章內頁樣...
在先前 Day07 - Display 的大小事 有針對 Display 屬性做說明，Flex 也是 Display 屬性之一，那麼開始今天的 Flex 章節...
肉鬆
‧
2022-09-28
新增 Navbar 至每個網頁頂端：利用 Next 的 Layout 元件，來建立每個網頁都可以看到的 Navbar。新增 components/Layout....
TL;DR 這是「Modern Blog 30 天」系列第 12 篇文章，上一篇我們使用 Tailwind CSS 美化了 navbar, footer 等全站...
william
ch0902
Bucky
Otto_auto
EasonChang
tjabi
iThome鐵人賽
看影片追技術