rsnext/examples/with-sfcc
ChanHui 8d45aa9bfb
update @types/react version in examples (#57259)
### What?
When I ran `npx create-next-app --example with-turbopack` and installed
dependencies using `yarn`, I found an typescript error(`'SomeComponent'
cannot be used as a JSX component.`).

<img
src="https://github.com/vercel/next.js/assets/51700274/f6c7e478-c0b1-4ea2-996f-4c0c78e3bb4b"
width=400 />

and I realized that the bug is due to the version of
@types/react(18.0.x).
you can check this issue on
[here](https://github.com/vercel/next.js/issues/42292#issuecomment-1594351684)
too.

### Why?
It seems that there is an error occurring in the @types/react version
18.0.x.

### How?
It would be good to change the @types/react version to 18.2.8 in the
next.js examples.

I think this change will resolve [this
issue](https://github.com/vercel/next.js/issues/55080#issue-1884846177)
[NestJS
documentation](https://nextjs.org/docs/app/building-your-application/configuring/typescript#async-server-component-typescript-error)
also states to upgrade the version.

Co-authored-by: Lee Robinson <me@leerob.io>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
2023-10-26 19:52:08 -05:00
..
components chore(next/image)!: mark onLoadingComplete as deprecated in favor of onLoad (#56944) 2023-10-17 21:12:22 +00:00
pages Change @next/font to next/font in examples (#46836) 2023-03-06 21:01:13 +00:00
public
styles Update SFCC example to use TypeScript + @next/font (#42865) 2022-11-14 09:46:31 -06:00
.env.local.example
.gitignore Add .yarn/install-state.gz to .gitignore (#56637) 2023-10-18 16:34:48 +00:00
next-env.d.ts Remove incorrect entries for pnpm debug log (#47241) 2023-03-26 22:26:05 -07:00
next.config.js chore(next/image)!: mark domains as deprecated in favor remotePatterns (#57062) 2023-10-19 20:24:48 +00:00
package.json update @types/react version in examples (#57259) 2023-10-26 19:52:08 -05:00
postcss.config.js
README.md update example Deploy button URLs (#48842) 2023-04-26 13:31:44 -04:00
sfcc.js
tailwind.config.js Update SFCC example to use TypeScript + @next/font (#42865) 2022-11-14 09:46:31 -06:00
tsconfig.json Update SFCC example to use TypeScript + @next/font (#42865) 2022-11-14 09:46:31 -06:00

Example Next.js app with Salesforce Commerce Cloud

This example shows how to create a headless ecommerce application using Next.js, Salesforce commerce cloud, and Tailwind.

Deploy your own

Deploy the example using Vercel or view the demo here

Deploy with Vercel

Check out our Next.js deployment documentation for more details.

How to use

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example::

 npx create-next-app --example with-sfcc nextjs-sfcc-app
yarn create next-app --example with-sfcc nextjs-sfcc-app
pnpm create next-app --example with-sfcc nextjs-sfcc-app

References