I’ve seemed to fix this myself after much time spent. Posting for others that may be having trouble with this setup.
My project is a monorepo using Yarn workspaces. One of the packages is a Next.js based front end that I want deployed in Netlify. I created a new site via the Netlify UI with the following build settings:
Base directory: packages/my-next-ui
Build command: yarn build
Publish directory: packages/my-next-ui/.next
The deploy was successful. However when I go to the site none of the pages are loading (all 404s).
The problem is that the Next.js Runtime plugin is not being auto installed by the Build process. You can verify this by going to your Deploy Summary. It should look something like this:
If it does not say “Built using the Next.js Runtime” your site will not work.
I’m not exactly sure why the plugin is not installed with this setup (perhaps Support Engineers can chime in here) but you need to install the plugin manually:
- install the plugin as a dev dependency under the next package
yarn add @netlify/plugin-nextjs -D
- configure the plugin in
netlify.toml
[[plugins]]
package = "@netlify/plugin-nextjs"
Check in and redeploy. Verify that thee Next.js Runtime is installed (see pic above).
Hope this saves folks some time!
