Next.js + Park UI

Hello, Park UI

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