Re-organize Next.js Manual Setup page

[inventarSarah]

SDK

JavaScript SDK

Description

We want to rework the Manual Setup page into the Next.js quick start guide (manual setup).
And ideally, the wizard and manual quick start guides lead to the same results.

However, currently, the manual setup page contains a lot of advanced topics that are not part of the quick start -> we want to move this content to other, more suitable pages

Suggested Solution

identify the information we want to move away from the Manual Setup page and find new homes for them (add to existing pages or create new ones)

consider: does it make sense to create pages under a "Next.js Features" page (see React) and have the next.js-specific information there

[inventarSarah]

I looked at the “Manual Setup” page to identify the content that is different from the wizard installer. At each point I suggested a possible new location for the content.

Move to Options Page

Extend Sentry Webpack Plugin Options

• sentryWebpackPluginOptions, unstable_sentryWebpackPluginOptions
• Status: Done add to Build Options Update Next.js Build Options with content from Manual Setup page #12852

Configure Tunneling to avoid Ad-Blockers

• already in Build Options ; enrich with more information from the current Manual Setup page
• Status: Done Update Next.js Build Options with content from Manual Setup page #12852

Configure Server-side Auto-instrumentation

• Status:
  • excludeServerRoutes -> Done add to Build Options Update Next.js Build Options with content from Manual Setup page #12852
  • autoInstrumentServerFunctions -> Done; in build options
  • autoInstrumentMiddleware -> Done; in build options

Move to API Page

Until we have an API page, we will keep the following content and move it later:

Instrument Next.js Server Actions

• Status: Done Next.js quick start guide for manual setup #12663

Configure Server-side Auto-instrumentation

• wrapApiHandlerWithSentry, wrapGetInitialPropsWithSentry, wrapGetServerSidePropsWithSentry, wrapGetStaticPropsWithSentry , wrapErrorGetInitialPropsWithSentry, wrapAppGetInitialPropsWithSentry, wrapDocumentGetInitialPropsWithSentry
• Status:
  • Done Next.js quick start guide for manual setup #12663

Move to other Pages

React Render Errors in App Router

Paragraph below first code sample:

"Note that if you create Next.js error.js files, these files will take precedence ..." + Code example

• Move to:
  • Capturing Errors and Events
• Status: Done move content about error capturing to "Capturing Errors and Events" from "Manual Setup" (Next.js) #12786

Configure Source maps

• Status: move manual setup source maps options #12783
  • Disable sourcemaps -> Done; in build options
  • hideSourceMaps -> Done; removed; removed SDK version 9
  • widenClientFileUpload -> Done; in build options already (add expandable with more details)