Google SSO × Next.js 實作手冊
適用環境：Next.js 14+ App Router、Server action、NextAuth.js v4、TypeScript目標：照本文件從零完成 Google 單一登入（SSO），含登入頁、Session 讀取、未登入導回、登出。最後更新日期：06/14/2026 ｜…
VSCode – 終端機空格後變黑底
解法 Used: Then restart VS Code. 其他 https://github.com/microsoft/vscode/issues/308421 我在教授2026暑期研習的時候遇到的問題，資401的電腦VSCode 的終端機的BUG，只要在中端機中打指令，按下空白後的任何內容都會變成黑底，而且怎麼重啟都沒用:…
RAG – Supabase操作流程
PostGreSQL 簡介與基礎操作：https://eminent-glider-8c3.notion.site/PostgreSQL-39e9def5443d807ba034dcbf3b8ab46e?pvs=74 創建賬號並登入 專案首頁 前往project setting複製API key與專案 id ，記得在本地建立.env.local 當你在localhost3000向AI詢問問題後，前往…
Next.js – 結合Nvidia NIM
前端 將以下程式碼貼上 app/ai-chat/page.tsx 後端 使用server action 架構，將以下程式碼貼上app/actions/aiChatActions.ts 環境變數設定 將 NVIDIA…
SpringBoot – 快速產生Entity
如果今天欄位很多，那entity難道是要手寫一大堆嗎? 當然沒可能 ! IntelliJ 提供許多強大的工具，讓我們可以自動生成Entity ! 1. 開啟右側選單的 Database，連線到你的資料庫。 2.…
MySQL – 將Excel匯入mySQL
1. 將excel的內容匯出成csv 2. 右鍵剛創好的table 3. 選擇好檔案後一直按next就好了 錯誤處理 如果出現以下問題: 因為沒有pk,所以要去給他pk結果sql跳出來說舊的資料這樣會沒有pk，那該怎麼辦? 很簡單，我們給他一個自動補值的id就行了:…
UIUX – UI樣式專有名詞
一、導覽與結構類 (Navigation & Layout) Navbar（導覽列） 位於頁面頂端或側邊，包含網站主要連結（Logo、選單、搜尋、登入）。是使用者定位與跳轉的核心。 Sidebar（側邊欄） 垂直排列於畫面左側或右側的導覽區塊，常見於後台管理系統與文件網站。 Breadcrumb（麵包屑） 顯示目前頁面在網站階層中的位置，例如「首頁…
Python – Script
在寫全端的專案的時候有遇到一個問題就是Next.js沒辦法跑DB2! ( IBM 公司開發的一款企業級關聯式資料庫管理系統RDBMS，以極高的效能著稱） 因此我的解法是透過 python 寫一個Script，有需要去DB2查詢時就只用指令執行此 python，python腳本回傳JSON即可~ 這裡提供範例： 這裡解釋一些比較特殊的寫法以及為什麼要這樣寫：…
Next.js – 連接MySQL
建議了解以下文章內容後再往下讀： https://hyc.eshachem.com/program/js-callback-hell/ https://hyc.eshachem.com/program/js-defensive-function/ https://hyc.eshachem.com/program/tcp-keep-alive/ 我最近都在用Next.js進行全端開發，想當然爾第一個遇到的問題就是：怎麼接DB？因此這裏提供解法並詳細說明我後來的寫法~！ 這裏先show出程式碼： 基礎設定 接着再來逐行解釋如下： 定義一個名為 getRequiredEnv…
TCP & Keep-Alive
TCP 三向交握 TCP 連線（Transmission Control Protocol，傳輸控制協定） 建立 TCP 連線 TCP…
TS – Defensive Function
防禦型函式 Defensive Function 一種源自於防禦性程式設計（Defensive Programming）的寫法，簡單來說就是「我不信任任何外部輸入的資料，一定會有人搞砸（例如忘記設定環境變數），所以我要在最前端築起一道防護牆。」 無防禦性寫法 如果開發的人忘記在 .env 設定 DB_PASSWORD，就會因爲收到…