chore: Add Next.js 16 support to examples and blocks package#2451
chore: Add Next.js 16 support to examples and blocks package#2451josephfusco wants to merge 3 commits into
Conversation
Bumps next to ^16 in tutorial, custom-toolbar, and block-support examples, switches sassOptions.includePaths to loadPaths so WordPress block-style SCSS imports resolve under Next 16, and widens the @faustwp/blocks next peer dependency to allow 16.
🦋 Changeset detectedLatest commit: 2e679fb The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
📦 Next.js Bundle Analysis for @faustwp/getting-started-exampleThis analysis was generated by the Next.js Bundle Analysis action. 🤖 This PR introduced no changes to the JavaScript bundle! 🙌 |
There was a problem hiding this comment.
Pull request overview
Updates remaining Faust Next.js examples and the @faustwp/blocks package metadata to support Next.js 16, including a Sass config adjustment needed for SCSS import resolution under the newer Next/Sass tooling.
Changes:
- Widen
@faustwp/blocksnextpeer dependency to allow Next.js 16 and add a changeset. - Bump remaining Next.js example apps to
next@^16(and update the tutorial example’s ESLint config + lockfile). - Update example
next.config.jsSass options fromincludePathstoloadPathswhere applicable.
Reviewed changes
Copilot reviewed 7 out of 9 changed files in this pull request and generated 2 comments.
Show a summary per file
| File | Description |
|---|---|
packages/blocks/package.json |
Broadens next peer dependency range to include Next 16. |
examples/next/tutorial/package.json |
Bumps tutorial example to Next 16; updates eslint-config-next range; removes duplicate override entry. |
examples/next/tutorial/package-lock.json |
Regenerates lockfile to reflect Next 16 + updated lint/tooling dependencies. |
examples/next/faustwp-getting-started/next.config.js |
Switches Sass option to loadPaths for Next 16 compatibility. |
examples/next/custom-toolbar/package.json |
Bumps custom-toolbar example to Next 16. |
examples/next/block-support/package.json |
Bumps block-support example to Next 16. |
examples/next/block-support/next.config.js |
Switches Sass option to loadPaths for Next 16 compatibility. |
.changeset/blocks-nextjs-16-peer.md |
Declares a patch release for the blocks peer-dep widening. |
Files not reviewed (1)
- examples/next/tutorial/package-lock.json: Generated file
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| "graphql": "^16.11.0", | ||
| "next": "^15.5.18", | ||
| "next": "^16.2.9", | ||
| "next-secure-headers": "^2.2.0", |
Adds Next.js 16 support by bumping the remaining example apps to
next@^16, switchingsassOptions.includePathstoloadPathsso WordPress block-style SCSS imports resolve under Next 16, and widening the@faustwp/blocksnextpeer dependency to allow 16.Closes #2129. Note: the
tutorialandcustom-toolbarexamples have pre-existing offline-build failures (missing generatedpossibleTypes.jsonand missingcomponents/files respectively) that are unrelated to this change and reproduce identically on Next 15.