Script Component

The ‘<Script>’ component is a way to include external scripts or libraries in your application. It is often used for loading third-party scripts or adding custom scripts to specific pages. This is a prebuilt Component in Next.js

There are the some Commone Props in <Script/> Component

  • src: It is required prop in <Script> Component. This prop define the external javascript url.
  • strategy: This prop allow you to control the behaviour of loading and executing the external script.

Example:

JavaScript
import Script from 'next/script'

export default function Page() {
    return (
        <>
            <Script src="https://example.com/script.js"
                strategy="afterInteractive" />
        </>
    )
}




Next.js Components

NextJS is a popular and powerful React Framework that simplifies building modern web applications. It was created by Vercel (formerly Zeit), and NextJS simplifies the process of building modern web applications by providing a robust framework.

Table of Content

  • What is a Component?
  • Image Component
  • Link Component
  • Script Component

Similar Reads

What is a Component?

Components are the building blocks in React-based applications, and Next.js provides a powerful way to work with them. It is reusable and it contains (HTML and JSX) and behavior (JavaScript logic) of a UI element, making it easier to manage and reusable code across different parts of an application....

Image Component

In Next.js, There is an Image component that is an evolved from of element in HTML. It use for performance optimization which helps in achieving the good core web vitals. It help to boost Google’ ranking algorithm, hense improving the ranking of our website....

Link Component

Link is one of the prebult component in Next.js. It is used to create links between the pages in a Next.js app. It is very similar anchor HTML element. I have written....

Script Component

The ‘