Next.js Logo
官方文件
使用案例
英文官網
學習
Push to GitHub
基礎觀念
關於 Next.js
Next.js 是什麼
從 JavaScript 到 React
使用 JavaScript 來更新 UI
開始使用 React
React 中的基礎 JavaScript
React 核心概念
使用元件構建 UI
使用屬性顯示資料
添加與狀態的互動性
如何繼續學習 React
從 React 到 Next.js
開始使用 Next
下一步
Next.js 是如何運作的
從開發環境到生產環境
編譯
最小化 (Minifying)
模組打包 (Bundling)
程式碼拆分
建置時期 vs. 運行時期
客戶端與伺服器端
畫面渲染
內容傳遞網路及邊緣運算
下一步
建立你的第一個應用程式
建立 Next.js 應用程式
設置
歡迎來到 Next.js
編輯頁面
頁面之間的導航
設置
Next.js 中的頁面
Link 元件
客戶端的跳轉
靜態資源、詮釋資料 和 CSS
設置
靜態資源
詮釋資料
第三方 JavaScript
CSS 樣式
佈局元件
全域性樣式
拋光佈局
套用樣式的技巧
提前渲染與資料獲取
設置
提前渲染
提前渲染的兩種形式
靜態生成 - 在有或沒有資料的情況下
部落格資料
實現 getStaticProps
getStaticProps 的細節
在請求時拿取資料
動態路由
設置
由外部資料來改變路由
執行 getStaticPaths
執行 getStaticProps
渲染 Markdown
優化文章頁
優化 index 頁
動態路由的細節
API 路由
設置
創建 API 路由
API 路由細節
部屬你的 Next.js 程式
前置作業
Push to GitHub
Deploy to Vercel
Next.js and Vercel
Other Hosting Options
Finally
SEARCH ENGINE OPTIMIZATION
Introduction to SEO
Importance of SEO
Search Systems
What are Webcrawlers?
Crawling and Indexing
Status Codes
Robots.txt
XML Sitemaps
Special Tags
Canonical Tags
Rendering and Ranking
Rendering Strategies
What About AMP?
URL Structure
Metadata
On Page SEO
Performance & Core Web Vitals
Vitals Overview
Largest Contentful Paint
First Input Delay
Cumulative Layout Shift
SEO Impact
Improving your Core Web Vitals
Lighthouse
Image Optimization
Dynamic Imports
Dynamic Imports for Components
Optimizing Fonts
Optimizing Third-Party Scripts
Monitoring your Core Web Vitals
Next.js Analystics
Custom Reporting
Data Studio
Other Tools
What To Learn Next
EXCEL
TypeScript
Setup
Create tsconfig.json
Next.js Specific Types
1
2
3
4
5
6
7
這個頁面還沒翻譯 😭
你可以前往
查看原文版。
如果你願意幫助我們,請提交 Pull Request 到
中文翻譯的 GitHub 儲存庫
協助我們翻譯這篇文章。