Skip to content

hongfaqiu/nextjs13-with-antd-tailwindcss

Repository files navigation

Using Ant-Design 5 with Next.js 13 and Tailwind CSS

Antd is is an excellent UI component library, but there are some conflicts between the antdV5 and Next.js 13. This repository solved these problems, and you can use the template to start your project.

Features

Problems and solutions

Here are some problems and solutions I encountered when I started the project

  1. Server side rendering and CSS-in-JS antd5 vercel/next.js#44125 (comment)

  2. Distinguish client/server components when using Next.js 13 app directory https://beta.nextjs.org/docs/rendering/server-and-client-components

  3. Priority conflict of css style when using Ant-Design 5 and Tailwind CSS ant-design/ant-design#38794 (comment)

  4. DatePicker component internationalization has not taken effect ant-design/ant-design#27276 (comment)