can you support us with a video to clearly how to install with next? I do as in documentation but all the time gives an error or anyone can help I use JavaScript not Typescript.
1- create next app
2- install panda css
3- tried my app work will
4-yarn add --dev @shadow-panda/preset
5-yarn add @shadow-panda/style-context
6-import { defineConfig } from '@pandacss/dev'
export default defineConfig({
// Required: Add the preset to your config.
presets: ['@shadow-panda/preset'],
// Optional: Enable CSS reset
preflight: true,
// Use React
jsxFramework: 'react',
// Optional: Emit artifacts to node_modules as a package.
// The copy-paste component examples use @shadow-panda/styled-system as the import path of the generated files.
// If you choose not to use this option, you should rewrite your component imports as needed.
// @see https://panda-css.com/docs/references/config#emitpackage
emitPackage: true,
outdir: '@shadow-panda/styled-system',
can you support us with a video to clearly how to install with next? I do as in documentation but all the time gives an error or anyone can help I use JavaScript not Typescript. 1- create next app 2- install panda css 3- tried my app work will 4-yarn add --dev @shadow-panda/preset 5-yarn add @shadow-panda/style-context 6-import { defineConfig } from '@pandacss/dev'
export default defineConfig({ // Required: Add the preset to your config. presets: ['@shadow-panda/preset'],
// Optional: Enable CSS reset preflight: true,
// Use React jsxFramework: 'react',
// Optional: Emit artifacts to
node_modules
as a package. // The copy-paste component examples use@shadow-panda/styled-system
as the import path of the generated files. // If you choose not to use this option, you should rewrite your component imports as needed. // @see https://panda-css.com/docs/references/config#emitpackage emitPackage: true, outdir: '@shadow-panda/styled-system',// Other configurations and overrides... })
but many errors