如何在 NextJS 中使用 shadcn 安装和配置步骤

在 Next.js 中使用 shadow-cljs 的安装和配置步骤如下：

全局安装 shadow-cljs：
```
npm install -g shadow-cljs
```
在 Next.js 项目的根目录下，新建一个 shadow-cljs.edn 文件，用于配置 shadow-cljs：
```
{:source-paths ["src"]
 :dependencies [[reagent "X.X.X"]]
 :builds {:app {:target :browser
                :output-dir "public/js"
                :asset-path "/js"
                :modules {:main {:entries [your-namespace.core]}}}}}
```
在 dependencies 中添加需要的依赖，例如 reagent。根据自己的项目结构修改 source-paths、output-dir、asset-path 和 modules。
在项目根目录下执行以下命令，启动 shadow-cljs 编译服务器：
```
shadow-cljs server
```
这将会启动一个 shadow-cljs 的编译服务器，用于编译 ClojureScript 代码。
添加一个 npm 脚本，用于启动 Next.js 服务器。编辑 package.json 文件，添加以下内容：
```
"scripts": {
  "dev": "next dev"
}
```
创建一个 ClojureScript 文件，例如 your-namespace.cljs，并写入以下内容：
```
(ns your-namespace.core
  (:require [your-namespace.app :as app]))

(defn init []
  (app/start))
```
这里假设你的 ClojureScript 代码位于 src/your-namespace 文件夹中。
在项目根目录下执行以下命令，启动 Next.js 服务器：
```
npm run dev
```
Next.js 将会启动开发服务器，并自动编译和加载 ClojureScript 代码。

现在，你可以在 Next.js 项目中使用 shadow-cljs 编写和运行 ClojureScript 代码了。