8月總票房已突破10億！《封神》第一：口碑已經成了
8月5日消息，據燈塔專業版數據，截至8月5日9時35分，8月總票房（含預售）已突破10億。其中，《封神》以大比分的優勢領先。根據官方消息，目前該片總票房已經超過14.
NextJS 14 不僅僅是一次更新，它是對開發人員體驗和速度的重新關注。總體而言，NextJS 14 承諾為 React 開發人員帶來更快、更愉快的開發之旅。無論您是重新開始還是升級現有項目，它都絕對值得一試。
今天我將向您介紹一些大多數開發人員不知道的 NextJS 概念，您可以使用它們來優化您的應用程序并改善開發人員體驗。
圖片
您的文件夾結構是否混亂？很難找到具體路由？因此，可以使用 Next JS 提供的 Route Group 功能來組織它們。
讓我們使用 Route Group 來組織此文件夾結構。
圖片
現在，您可以通過將不同主題的路由保存在 Route Group 文件夾下來輕松查找它們。
Route Group 不會在 URL 中添加其文件夾名稱
URL 中沒有 (auth)。
URL 中沒有 (auth)。
Next.js 有一個元數據 API，可用于定義應用程序元數據（例如 HTML head 元素內的 meta 和 link 標簽），以改進 SEO 和網絡共享性。
您可以在 page.tsx 或 layout.tsx 中使用元數據 API
import type { Metadata } from 'next' export const metadata: Metadata = { title: 'Hero's Blog', description: 'Blog created by Hero',}您可以使用 generateMetadata 函數來處理需要動態值的 fetch 元數據。
它用于增加和增強您網站的 SEO 分數。
import type { Metadata } from "next";type Props = { params: { id: string }};export const generateMetadata = ({ params }: Props): Metadata => { return { title: `Product ${params.id}` }}export default function FavouriteProductDetails({ params }: Props) { return <h1>Favouraite Product Details {params.id}</h1>}
圖片
圖片
正如您在上面看到的，網站的標題正在動態更改。
元數據按順序評估，從根數據段開始，直到最接近最終 page.tsx 數據段的數據段。例如
您可能會想什么是私有路由？它們是只有管理員才能訪問的東西嗎？不，私有路由是指任何用戶都無法直接通過網站訪問的文件夾。只是不直接向客戶端提供的網頁。
這可以通過以下方法來實現：
圖片
圖片
圖片
通過在括號 [...segmentName] 內添加省略號，可以擴展動態分段以捕獲所有后續分段
例如， /docs/[...slug]/page.tsx 將匹配 /docs/topic ，但也匹配 /docs/topic/1 等等。但如果 URL 為 /docs ，則會出現頁面未找到錯誤。
圖片
404 error 404錯誤
404 error 404錯誤
圖片
圖片
這是代碼片段：app/docs/[...slug]/page.tsx
import React from 'react'type Params = { params: { slug: string[] }}export default function SlugPage({ params: { slug } }: Params) { return ( <div> <h1>Viewing Custom Slug Page</h1> <span>URL Contains: {slug.toString()} </span> </div> )}你們可能想知道我們可以修復 404 錯誤嗎？
本文鏈接：http://www.www897cc.com/showinfo-26-74195-0.html關于 Next.js 你不知道的事情
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。郵件：2376512515@qq.com
上一篇： 創建線程的幾種方式？你知道嗎？
Copyright ? 2016-2023 天津谷騏科技有限公司 版權所有 sitemap.xml
違法及侵權請聯系：2376512515@qq.com 津ICP備18001702號
津公網安備 12010102000574號