Next.js Logo
官方文件
使用案例
英文官網
學習
程式碼拆分
基礎觀念
關於 Next.js
Next.js 是什麼
從 JavaScript 到 React
使用 JavaScript 來更新 UI
開始使用 React
React 中的基礎 JavaScript
React 核心概念
使用元件構建 UI
使用屬性顯示資料
添加與狀態的互動性
如何繼續學習 React
從 React 到 Next.js
開始使用 Next
下一步
Next.js 是如何運作的
從開發環境到生產環境
編譯
最小化 (Minifying)
模組打包 (Bundling)
程式碼拆分
建置時期 vs. 運行時期
客戶端與伺服器端
畫面渲染
內容傳遞網路及邊緣運算
下一步
CREATE YOUR FIRST APP
Create a Next.js App
Setup
Welcome to Next.js
Editing the Page
頁面之間的導航
設置
Next.js 中的頁面
Link 元件
客戶端的跳轉
Assets, Metadata, and CSS
Setup
Assets
Metadata
Third-Party JavaScript
CSS Styling
Layout Component
Global Styles
Polishing Layout
Styling Tips
Pre-rendering and Data Fetching
Setup
Pre-rendering
Two Forms of Pre-rendering
Static Generation with and without Data
Blog Data
Implement getStaticProps
getStaticProps Details
Fetching Data at Request Time
Dynamic Route
Setup
Page Path Depends on External Data
Implement getStaticPaths
Implement getStaticProps
Render Markdown
Polishing the Post Page
Polishing the Index Page
Dynamic Routes Details
API 路由
設置
創建 API 路由
API 路由細節
Deploying Your Next.js App
Setup
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
8
9
10
11
這個頁面還沒翻譯 😭
你可以前往
查看原文版。
如果你願意幫助我們,請提交 Pull Request 到
中文翻譯的 GitHub 儲存庫
協助我們翻譯這篇文章。