All

Docker 實用指南：前端開發者的容器化入門

March 27, 2025__DevOps

DockerNext.jsDevOpsContainerCI/CD

詳細介紹 Docker 的核心概念和實用技巧，包括容器、映像檔、Dockerfile 等，並提供 Next.js 專案的實際範例，幫助前端開發者輕鬆掌握容器化技術。

算法複雜度入門：O(n) 是什麼？讓初學者也能輕鬆理解

March 6, 2025__LeetCode

算法時間複雜度空間複雜度程式效能LeetCode

用簡單易懂的方式解釋算法複雜度概念，包括 O(1)、O(n)、O(log n)、O(n²) 等，並通過生活化的例子和視覺化解釋，幫助完全沒接觸過算法的人理解如何評估程式碼效率。

React Query 實用指南：在 Next.js 和 React.js 中的數據獲取

March 2, 2025__Frontend

React QueryNext.jsReact.jsData FetchingTanStack Query

詳細介紹 React Query 的核心概念和常用 API，包括 useQuery、HydrationBoundary、prefetchQuery、QueryClient 等，並解釋 gcTime 和 staleTime 的差異，幫助開發者在 Next.js 和 React.js 應用中輕鬆實現高效的數據獲取。

TypeScript 基礎與進階使用指南

February 25, 2025__Frontend

TypeScriptJavaScriptProgrammingStatic TypingType System

這篇主要介紹 TypeScript 的基礎概念、常用工具型別如 Pick、Record、Partial 等，以及何時使用 Type 或 Interface，幫助開發者快速掌握 TypeScript。

Next.js 中的 robots 和 sitemap 使用指南

February 22, 2025__Frontend

Next.jsSEORobots.txtSitemapWeb Development

本文將介紹如何在 Next.js 中使用 robots.txt 和 sitemap.xml，幫助新手設置網站的搜索引擎爬蟲規則和網站地圖。

Next.js 專案使用 GitLab CI/CD 到 GCP (GKE) 教學

February 21, 2025__DevOps

Next.jsGitLabCI/CDGCPDockerKubernetesDevOps

本文將詳細介紹如何將 Next.js 專案透過 GitLab CI/CD 自動化部署到 Google Kubernetes Engine (GKE)，包含 Docker 容器化、GitLab Pipeline 設定、GCP 服務配置等完整流程。