Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

App router migration rollbar script #1118

Conversation

boodland
Copy link
Contributor

@boodland boodland commented Sep 3, 2024

Issue link / number:

#1083

What changes did you make?

Used Script nextjs tag
Set script strategy to beforeInteractive
Added rollbar configuration to root layout
Moved Script from _document to _app as seems to be an outdated pages router documentation bug see:
https://stackoverflow.com/questions/73813720/next-script-does-not-work-inside-document-js-file-nextjs
https://nextjs.org/docs/pages/api-reference/components/script#beforeinteractive
This documentation seems also wrong as next/script is not working on _document
https://nextjs.org/docs/messages/no-script-in-document
The following error is no longer triggered
https://nextjs.org/docs/messages/no-before-interactive-script-outside-document

Now the script is loaded in both pages and app router

Why did you make the changes?

In order to be able to have google tag manager within app router

Did you run tests?

Yes

Navigate to http://localhost:3000/ to check that the head rollbar script is added properly

image

Navigate to http://localhost:3000/public-route-test to check that the head rollbar script is added properly

image

Copy link

vercel bot commented Sep 3, 2024

@boodland is attempting to deploy a commit to the Chayn Team on Vercel.

A member of the Team first needs to authorize it.

Copy link

vercel bot commented Sep 17, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
bloom-frontend ✅ Ready (Inspect) Visit Preview 💬 Add feedback Sep 20, 2024 8:29am

@eleanorreem eleanorreem merged commit 4effeae into chaynHQ:next-js-migration Sep 20, 2024
5 checks passed
@boodland boodland deleted the app-router-migration-rollbar-script branch September 20, 2024 09:42
eleanorreem pushed a commit that referenced this pull request Oct 2, 2024
* Add basic Root Layout

* Add metadata

* Add reference included by next

* Add comment to explain the default meta tags

* Add public testing page to check the migration

* Remove non required file

* Use script tag and set id

* Add rollbar script to root layout

* Make it beforeInteractive so it is included in the head

* Move to _app as next/script is not working in _document
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants