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
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_modulesas a package.// The copy-paste component examples use
@shadow-panda/styled-systemas 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