Google SSO × Next.js 實作手冊

適用環境：Next.js 14+ App Router、Server action、NextAuth.js v4、TypeScript目標：照本文件從零完成 Google 單一登入（SSO），含登入頁、Session 讀取、未登入導回、登出。最後更新日期：06/14/2026 ｜…

RAG – 建立本地 PostgreSQL 資料庫

本篇會教你如何在本地 (本機) ，從 PostgreSQL Server 開始，到視覺化管理介面軟體 DataGrip的操作。 安裝 PostgreSQL Server…

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 當你在localhost3000向AI詢問問題後，前往 supabase查看會看到切分後的md

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即可~ 這裡提供範例： 這裡解釋一些比較特殊的寫法以及為什麼要這樣寫：…

TCP & Keep-Alive

TCP 三向交握 TCP 連線（Transmission Control Protocol，傳輸控制協定） 建立 TCP 連線 TCP…