如何在新更新的 next.js App Router 中嵌入 CDN 链接？

问题描述 投票：0回答：1

我是 next.js 的新手，它是一个令人惊叹的开发工具，但由于我是新来的，因此面临一些困难，所以我的问题是我正在尝试 google 图标，如果没有 cdn 链接，它无法使用，这是我的根文件。 这是我的根文件：

import './globals.css'
import { Inter } from 'next/font/google'
const inter = Inter({ subsets: ['latin'] })


export const metadata = {
  title: 'Netflix',
  description: 'A movie app',
}

export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <body className={`${inter.className} bg-black `} >
        {children}</body>
    </html>
  )
}
在这段代码中，我不知道在哪里添加我的头以及如何在此处使用头，我尝试过，但一如既往地出错，所以请帮助我如何在这里使用 cdn。

javascript next.js
1个回答
2
投票

Next13（App Router）您可以将链接添加到根

layout.tsx
文件上的CDN，如下所示：

    <html lang="en">
      <head>
       <link href="https://fonts.googleapis.com/icon?family=Material+Icons" 
       rel="stylesheet" />
      </head>
      <body>
        {children}
      </body>
    </html>

这个问题的回答也许对你有帮助。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.