icms-components
Advanced tools
轻量的 Next.js UI 组件库脚手架（TypeScript + Tailwind），用于内部 CMS 快速搭站。
快速开始
npm install
npm run dev
dist/）:npm run build
在 Next.js 项目中使用
服务端渲染组件（Server Component，直接在 app 目录中可直接导入）:
import { SsrCard } from '@icms/components';
export default function Page(){
return <SsrCard title="服务端卡片">服务端渲染内容</SsrCard>
}
客户端组件（Client Component，需要在客户端使用）:
import { ClientButton } from '@icms/components';
export default function Page(){
return <ClientButton initial={0} label="点赞" />
}
引入样式
如果你希望使用组件库自带的样式（dist/styles.css），在你的 Next.js 项目中可以按需引入：
app/layout.tsx)：import './globals.css'; // 你的全局样式（可保留）
import '@icms/components/dist/styles.css';
export default function RootLayout({ children }: { children: React.ReactNode }) {
return <html lang="zh-CN"><body>{children}</body></html>;
}
pages/_app.tsx)：import '../styles/globals.css';
import '@icms/components/dist/styles.css';
export default function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />
}
说明：如果你在项目中已启用 Tailwind，并希望统一使用同一套 Tailwind 编译配置，建议在宿主项目中直接引入组件的原子类并把组件样式纳入宿主 Tailwind 的 content 扫描范围，或在发布包时使用 dist/styles.css（库已提供）。
发布到 npm
package.json 中 name、version、publishConfig 正确。npm login。npm publish。FAQs
轻量的 Next.js UI 组件库脚手架（TypeScript + Tailwind），用于内部 CMS 快速搭站。
We found that icms-components demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Multiple high-impact npm maintainers confirm they have been targeted in the same social engineering campaign that compromised Axios.
Security News
Axios compromise traced to social engineering, showing how attacks on maintainers can bypass controls and expose the broader software supply chain.
Security News
Node.js has paused its bug bounty program after funding ended, removing payouts for vulnerability reports but keeping its security process unchanged.