How to add custom scripts in first-child of <head> in the app router Next.js? #75469

AlexanderKositsyn · 2025-01-30T08:17:02Z

AlexanderKositsyn
Jan 30, 2025

I want mutate window object. It must be done before any of my nextjs or app scripts run. How to do it? Script component with strategy='beforeInteractive' not working properly, becouse it inject script in middle of head.

adlermore · 2025-01-30T09:19:37Z

adlermore
Jan 30, 2025

I want mutate window object. It must be done before any of my nextjs or app scripts run. How to do it? Script component with strategy='beforeInteractive' not working properly, becouse it inject script in middle of head.

Hi AlexanderKositsyn👋
Use next/script with strategy='beforeInteractive': Although this strategy might not work as expected, it's worth trying with a custom script that ensures it runs early.
`import Script from 'next/script';

export default function MyApp({ Component, pageProps }) {
return (
<>
<Script id="custom-script" src="/path/to/your/script.js" strategy="beforeInteractive" />
<Component {...pageProps} />
</>
);
}`

0 replies

RookiEzz · 2025-05-08T09:11:14Z

RookiEzz
May 8, 2025

i have the same question, do you have some reslove solution?

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

How to add custom scripts in first-child of <head> in the app router Next.js? #75469

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 2 comments

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

How to add custom scripts in first-child of <head> in the app router Next.js? #75469

Uh oh!

Uh oh!

AlexanderKositsyn Jan 30, 2025

Replies: 2 comments

Uh oh!

adlermore Jan 30, 2025

Uh oh!

RookiEzz May 8, 2025

AlexanderKositsyn
Jan 30, 2025

adlermore
Jan 30, 2025

RookiEzz
May 8, 2025