跳到主內容

最近更新的頁面

【Next.js】Link 元件

當然可以! 🔗 Next.js 中的 <Link> 元件完整說明(針對 App Router) 📌 什麼是 <Link>? <Link> 是 Next.js 提供的內部導頁元件,用來在不同...

【Next.js】常用 scripts 說明

這段 "scripts" 通常定義在你的 package.json 中,是 Next.js 專案開發流程的基本指令集。下面我會逐一說明每個指令的用途、情境,以及何時使用: 📜 "scripts...

將 iPhone 畫面投放到 Mac 上

要將 iPhone 畫面投放到 Mac 上,可以使用 Apple 提供的內建功能或第三方工具,以下是幾種常見方法: ✅ 方法...

Android 手機畫面投放到 macOS

要將 Android 手機畫面投放到 macOS 上,有幾種方式,包括 有線 USB 及 無線 Wi-Fi,下面列出最常用的方法: ✅ 方法一:使用 scrcpy(推薦,有線/無線皆可)scr...

【Next.js】metadata 設定總覽

以下是 Next.js App Router 中 metadata 常用設定的整理表,適合初學者參考與實作時使用。 📘 Next.js App Router metadata 設定總覽 ...

【Next.js】Layout

太好了!以下是為「Next.js 初學者」量身打造的教學文章,主題為: 🔍 Next.js App Router 中 layout.tsx、page.tsx、children 的邏輯與實作 ...

【Next.js】Multiple Root Layouts

當你想在 Next.js App Router 中讓不同的頁面使用 不同的根 layout(Multiple Root Layouts),你可以透過「路由分組(Route Groups)」來達成...

【Next.js】Route Groups

在 Next.js 的 App Router 架構中,Route Groups 是一個非常實用的功能,用來: ✅ 分組路由檔案,但不會影響 URL 路徑或頁面路由。 🗂️ Route...

【Next.js】Private Folders

在 Next.js 中,**Private Folders(私有資料夾)**是指: 🔒 不會被當作路由、自動產生頁面或靜態資源的資料夾。這些資料夾的名稱 開頭是底線 _ 或雙底線 __,也...

【Next.js】not-found (404)

在 Next.js 中,not-found 頁面是用來顯示 404 頁面(找不到頁面)用的。從 Next.js 13(App Router)開始,你可以更靈活地自訂與觸發 not-found。 ...

【Next.js】路由機制(動態)

在 Next.js 中,**Dynamic Routes(動態路由)**允許你根據 URL 中的參數來動態建立頁面,這對於像是部落格文章、使用者頁面、商品詳細頁等非常有用。 🗂️ 基本概念 ...

【Next.js】路由機制

Next.js 使用檔案結構(File System Routing)搭配 page.tsx(或 page.jsx)自動產生路由,這是 Next.js 的一大特色,讓你不需手動寫 route c...

【Laravel】部署在 SLB 或 Nginx 後面,要根據實際使用者請求是 HTTP 或 HTTPS

  在 Laravel 中,當應用被部署在 SLB 或 Nginx 後面,要根據實際使用者請求是 HTTP 或 HTTPS,讓 Laravel 正確產生資源(asset/url)的協定 (...

【Next.js】專案結構與檔案說明

以下是根據你提供的 Next.js 專案結構,整理出各資料夾與檔案的用途與說明: 📁 專案結構與說明表格 路徑 / 檔案 類型 說明 .next/ 資料夾 Next.js buil...

【Next.js】建立新專案

# npx create-next-app 建立新專案 $npx create-next-app Need to install the following packages: creat...

【Python】Pyenv 版本管理工具

來源:[Python 教學] 如何切換 Python 版本,讓 Pyenv 幫你輕鬆管理版本 | Max行銷誌 (maxlist.xyz)  安裝 # 安裝相關套件 $ brew upda...

相關資源

Learn X in Y minutes https://learnxinyminutes.com/

【轉載】什麼是 Virtual DOM?從底層原理到 React 的渲染策略

出處:https://hackmd.io/xejlCpUsQaibO90CYB5CJg 為什麼要談 Virtual DOM? 每當我們在網頁上看到動態更新的內容,背後都可能涉及了對 DOM ...

【DockerCompose】nodejs

# 使用官方 Node.js 映像作為基礎映像 FROM node:18-alpine AS builder # 設置工作目錄 WORKDIR /app # 複製 package...

【Docker】image tage 比較

當然可以!我們來一一比較你提到的這些 Docker image tag(以 Node.js 為例常見的 tag 形式),重點在於: ❗它們的差異主要在底層作業系統的發行版與體積,會影響相容...