William Sun's Blog

Next 系列之 Routing - Dynamic Routes(三)

React

Dynamic Routes 动态路由 When you don't know the exact segment names ahead of time and want to create routes from dynamic data, you can use Dynamic Segment

Next 系列之 Routing - Project Organization(三)

React

Project Organization and File Colocation 项目组织和文件并置 Apart from routing folder and file conventions, Next.js is unopinionated about how you organize and

Next 系列之 Routing - Route Groups(三)

React

Route Groups 路由组 In the app directory, nested folders are normally mapped to URL paths. However, you can mark a folder as a Route Group to prevent the

Next 系列之 Routing - Redirecting(三)

React

Redirecting 重定向 There are a few ways you can handle redirects in Next.js. This page will go through each available option, use cases, and how to manag

Next 系列之 Routing - Error Handling(三)

React

Error Handling 错误处理 The error.js file convention allows you to gracefully handle unexpected runtime errors in nested routes. error.js 文件约定允许您优雅地处理嵌套路由

Next 系列之 Routing - Loading UI and Streaming(三)

React

Loading UI and Streaming 加载 UI 和流式传输 The special file loading.js helps you create meaningful Loading UI with React Suspense. With this convention, you

Next 系列之 Routing - Linking and Navigating(三)

React

Linking and Navigating 链接和导航 There are four ways to navigate between routes in Next.js: 在 Next.js 中有四种在路由之间导航的方法： Using the <Link> Component 使用 <Link>

Next 系列之 Routing - Pages and Layouts(三)

React

Pages and Layouts 页面和布局 The special files layout.js, page.js, and template.js allow you to create UI for a route. This page will guide you through how

Next 系列之 Routing - Defining Routes(三)

React

Defining Routes 定义路由 The skeleton of every application is routing. This page will introduce you to the fundamental concepts of routing for the web and

Next 系列之 Project Structure(二)

React

1.Top-level folders 顶级文件夹 Top-level folders are used to organize your application's code and static assets. 顶级文件夹用于组织应用程序的代码和静态资产。 app App Router page