8d45aa9bfb
### 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> |
||
---|---|---|
.. | ||
components | ||
pages | ||
public | ||
styles | ||
utils | ||
.env.local.example | ||
.gitignore | ||
next-env.d.ts | ||
next.config.js | ||
package.json | ||
postcss.config.js | ||
README.md | ||
tailwind.config.js | ||
tsconfig.json |
Next.js & Cloudinary example app
This example shows how to create an image gallery site using Next.js, Cloudinary, and Tailwind.
Deploy your own
Deploy the example using Vercel or view the demo here
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-cloudinary nextjs-image-gallery
yarn create next-app --example with-cloudinary nextjs-image-gallery
pnpm create next-app --example with-cloudinary nextjs-image-gallery
References
- Cloudinary API: https://cloudinary.com/documentation/transformation_reference