Features
Demo
https://nextjs-park-ui-on-vercel.vercel.app
Project structure
.
├── public
├── src
│ ├── app // Next.js App Router
│ ├── components
│ ├── lib // for Park UI style context
│ ├── styles
│ ├── theme // for Panda config
│ ├── utils
│ └── mdx-components.tsx
├── next.config.mjs
├── package.json
├── panda.config.ts
├── park-ui.json
├── postcss.config.cjs
└── tsconfig.json
References
Next.js - App dir MDX
https://github.com/vercel/next.js/tree/canary/examples/app-dir-mdx
Panda CSS - Next.js (app) example
https://github.com/chakra-ui/panda/tree/main/sandbox/next-js-app
Panda CSS - Website
https://github.com/chakra-ui/panda/tree/main/website