Include styled-jsx in the learn-starter

[teofilomonteiro]

Without this the project doesn't start

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployments, click below or on the icon next to each commit.

next-learn-starter – ./basics/demo

🔍 Inspect: https://vercel.com/vercel/next-learn-starter/Cuzz6ADnnEprK97V3fVFtdBZcFD4
✅ Preview: https://next-learn-starter-git-fork-teofilomonteiro-patch-1.vercel.sh

next-seo-starter – ./seo/demo

🔍 Inspect: https://vercel.com/vercel/next-seo-starter/DbachkmxNBmmRy6MZKYiYxtiSNDA
✅ Preview: https://next-seo-starter-git-fork-teofilomonteiro-patch-1.vercel.sh

[leerob]

This could be related to your package manager. If styled-jsx is installed under node_modules/next/node_modules instead of installed at the top-level node_modules directory in your folder, there might be an issue.

vercel/styled-jsx#788

[teofilomonteiro]

This could be related to your package manager. If styled-jsx is installed under node_modules/next/node_modules instead of installed at the top-level node_modules directory in your folder, there might be an issue.

vercel/styled-jsx#788

I understand your point that is similar but is not the same. According to the issue that you link @leerob, this is related to react 18, not 17 which is used in this example.

I can easily reproduce it with npm from https://github.com/npm/cli/releases/tag/v7.20.3 to https://github.com/npm/cli/releases/tag/v8.1.0... It seems that it was fix on https://github.com/npm/cli/releases/tag/v8.1.1

You can easily reproduce it with the following dockerfile:

FROM node:16.14.0

# Install packages
RUN apt-get update -y && apt-get install -y git 

RUN npm install -g npm@7.20.3

RUN npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter" && \ 
    cd nextjs-blog && \
    npm run build

You can just run docker build on this dockerfile and check it for your self.

So saying this, maybe its a good idea to put some kind of warning on this tutorial:
https://nextjs.org/learn/basics/create-nextjs-app/setup about npm being not working for some versions and recomend one of outside the npm versions that I said above.