From 8a8dbb381ea6ce50d3a5e8ba605bde56dbb22dc2 Mon Sep 17 00:00:00 2001
From: Nicholas Cunningham <ndcunningham@gmail.com>
Date: Thu, 28 Dec 2023 10:33:35 -0700
Subject: [PATCH] fix(nextjs): Missing deps for image and css optimization
 (#20941)

---
 .../src/executors/build/lib/update-package-json.ts    | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/next/src/executors/build/lib/update-package-json.ts b/packages/next/src/executors/build/lib/update-package-json.ts
index 46c077abae..1118efaa77 100644
--- a/packages/next/src/executors/build/lib/update-package-json.ts
+++ b/packages/next/src/executors/build/lib/update-package-json.ts
@@ -15,7 +15,16 @@ export function updatePackageJson(
   packageJson.dependencies ??= {};
 
   // These are always required for a production Next.js app to run.
-  const requiredPackages = ['react', 'react-dom', 'next', 'typescript'];
+  // sharp is for next/image https://nextjs.org/docs/messages/sharp-missing-in-production
+  // critters is required for experimental optimizing CSS
+  const requiredPackages = [
+    'react',
+    'react-dom',
+    'next',
+    'typescript',
+    'sharp',
+    'critters',
+  ];
   for (const pkg of requiredPackages) {
     const externalNode = context.projectGraph.externalNodes[`npm:${pkg}`];
     if (externalNode) {