这次我做了两个项目,两个都使用了 tailwind 单点认证 - 搭配 antd / mui 组件库 个人网站主页 - 搭配 NextUI 组件库(辅以 daisyUI 等基于 tailwind 的组件库) 第一个单点认证我由于之前的路径依赖,再加上有一些表单,还是使用了更适合中国宝宝体质的 antd ,然后 mui 作为补充。 第二个项目个人网站就随意发...
首先,我们来创建src/context/antdProvider.js文件,如下所示: "use client"; import {AntdRegistry} from '@ant-design/nextjs-registry'; import {ConfigProvider, theme} from 'antd' export default function AntdProvider({children}) { return <AntdRegistry> <ConfigProvider> {children} </ConfigProvider> <...
Next.js是一个基于React的开源框架,用于构建服务器渲染的React应用程序。Tailwind CSS是一个高度可定制的CSS框架,它提供了一组原子类,可以快速构建现代化的用户界面。 要在N...
缺点: 浏览器渲染,搜索引擎无法收录 ESO 优化难,Antd 组件使用方便,但前台页面定制需要覆盖样式; 第三版:NextJS + TailwindCSS + Postgresql 优点: 服务端渲染(SSR) + 静态生成, 访问速度极快,全新 UI 支持换肤; TailwindCSS 在国外如火如荼,但是在国内却很少看到在生产上应用,对我来说, TailwindCSS 不仅...
缺点: 浏览器渲染,搜索引擎无法收录 ESO 优化难,Antd 组件使用方便,但前台页面定制需要覆盖样式; 第三版:NextJS + TailwindCSS + Postgresql 优点: 服务端渲染(SSR) + 静态生成, 访问速度极快,全新 UI 支持换肤; TailwindCSS 在国外如火如荼,但是在国内却很少看到在生产上应用,对我来说, TailwindCSS 不仅仅...
npm install antd npm install react-icons--savenpm i@iconify/json@iconify/tailwind-D npm i-D daisyui@latestnpm install--save echarts-for-reactnpm install--save echarts tailwindcss配置 因为我们引入了两个tailwindcss的插件,所以需要在tailwind.config.css里面进行对应的配置 ...
自定义类名(css module和tailwind)优先级高于antd优先级 What is actually happening? 在nextjs app router模式下使用antd时,自定义类名(css module和tailwind)优先级低于antd优先级 EnvironmentInfo antd undefined React 18.2.0 System window10 Browser google Activity github-actionsadded unconfirmed on Sep 25, 20...
最近在开发 Next.js 项目。有一个需求是把之前一个项目的功能搬到另外一个项目。写好的代码是 antd + tailwindcss 写的页面。新的项目是 Next.js + 没有tailwindcss 的。我就想能不能通过一个库直接把 tailwind 样式转为原生的样式。这样我就省事多了,确实是“省事”呢!
这次我做了两个项目,两个都使用了 tailwind 单点认证 - 搭配 antd / mui 组件库 个人网站主页 - 搭配 NextUI 组件库(辅以 daisyUI 等基于 tailwind 的组件库) 第一个单点认证我由于之前的路径依赖,再加上有一些表单,还是使用了更适合中国宝宝体质的 antd ,然后 mui 作为补充。 第二个项目个人网站就随意发...
• 3.6.3 设置Antd为中文语言 • 3.7 关键知识点 • 3.7.1 为什么以上两个插件要运行在客户端 • 3.7.2 为什么不能在 layout.tsx 使用 "use client" • 3.7.3 服务端组件在什么情况下会转化为客户端组件 • 3.7.4 服务端组件与客户端组件的使用时机 ...