timlrx/tailwind-nextjs-starter-blog

Where should I put this script?

Open

#874 opened on Mar 16, 2024

View on GitHub
 (3 comments) (0 reactions) (0 assignees)JavaScript (4,927 stars) (1,222 forks)batch import
help wanted

Description

Hi there,

I am trying to put a script into my blog:

<script data-grow-initializer="">!(function(){window.growMe||((window.growMe=function(e){window.growMe._.push(e);}),(window.growMe._=[]));var e=document.createElement("script");(e.type="text/javascript"),(e.src="https://faves.grow.me/main.js"),(e.defer=!0),e.setAttribute("data-grow-faves-site-id","dfsdfsdf=");var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t);})();</script>

I previously would put this in _document.js, but this is no longer available. I have tried layout.tsx but it is not registering the script even though I see it in the head.

Any help is much appreciated <3

Contributor guide

Tech stack
reactnextjstailwindcsstypescript
Domain
frontend
Issue type
documentation
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
1
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Next.js basicsTailwind CSS basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
90
Research direction
The user needs to add a third party script using Next.js App Router. Direct them to the `next/script` component documentation (https://nextjs.org/docs/app/building your application/optimizing/scripts) and provide an example of using `<Script>` in `layout.tsx` with appropriate strategy. The issue is a support question, not a code change.