Exploring next.js has been quite an adventure for me, and I'm impressed with its capabilities. However, being a beginner, I have encountered some challenges. One issue I am currently facing is the difficulty in using Google icons without a CDN link in my root file. Here's a snippet of my root file:
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>
)
}In this code snippet, I am unsure about where to add the head section and how to incorporate it correctly. I have attempted various methods but keep encountering errors. Can anyone please guide me on how to integrate a CDN link effectively in this scenario?