https://github.com/hongfaqiu/nextjs13-with-antd-tailwindcss
Next.js13 app dir with Antd 5 & tailwindcss
https://github.com/hongfaqiu/nextjs13-with-antd-tailwindcss
ant-design antd intl nextjs nextjs13 tailwind tailwindcss
Last synced: 19 days ago
JSON representation
Next.js13 app dir with Antd 5 & tailwindcss
- Host: GitHub
- URL: https://github.com/hongfaqiu/nextjs13-with-antd-tailwindcss
- Owner: hongfaqiu
- Created: 2023-02-23T08:03:38.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-16T06:03:58.000Z (over 2 years ago)
- Last Synced: 2025-08-04T22:49:34.406Z (2 months ago)
- Topics: ant-design, antd, intl, nextjs, nextjs13, tailwind, tailwindcss
- Language: TypeScript
- Homepage: https://nextjs13-with-antd-tailwindcss.vercel.app
- Size: 248 KB
- Stars: 88
- Watchers: 4
- Forks: 16
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
- [Next.js 13](https://github.com/vercel/next.js) `app` directory
- [Ant-Design 5](https://github.com/ant-design/ant-design)
- [Tailwind CSS](https://github.com/tailwindlabs/tailwindcss)
- Automatic import sorting with [@trivago/prettier-plugin-sort-imports](https://github.com/trivago/prettier-plugin-sort-imports)
- Dark mode with [next-themes](https://github.com/pacocoursey/next-themes)
- Icons from [Lucide](https://lucide.dev)
- Globalization with [next-intl](https://github.com/amannn/next-intl)
## 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
2. Distinguish client/server components when using Next.js 13 app directory
3. Priority conflict of css style when using Ant-Design 5 and Tailwind CSS
4. DatePicker component internationalization has not taken effect