A boilerplate for Next.js integrated with Ant Design, tailwindcss and a lot of useful tools/library.
- 🔺 next-antd-tailwind 🔺
- [x] ReactJS v18.2.x
- [x] Next.js v13.4.x
- [x] TailwindCSS v3.3.x
- [x] Ant Design v5.6.x
- [x] Containerized with Docker (
node:18-alpineimage) - [x] CI/CD supported (
Jenkins&SonarQube) - [x] Helm command set for k8s
- [x] A bunch of tools/library (e.g.
axios,dayjs,pino, etc.)
yarn add @ant-design/icons antd axios dayjs eslint eslint-config-next js-base64 js-cookie lodash pino react-loading-randomizable
yarn add --dev @testing-library/jest-dom @testing-library/react autoprefixer jest jest-environment-jsdom postcss tailwindcss
npx tailwindcss init -p- Updated dependencies
- Updated dependencies
- Updated dependencies
- Downgraded
eslintto ^8 cause they're not yet ease compatibility fornextjs@14.2.2
- Migrated Next 14 (Still on Pages router)
- Updated dependencies
- Updated Pantone Color of the year 2024
- Updated dependencies
- Updated default csp header
- Adjusted compiler config for non-production env
- Added default CSP (pre-defined)
- Updated dependencies
- Fixed jest test options (watchAll) on package.json
- Updated dependencies, structure, a bunch of tools/library
- Initialized Project
... more
-
Initialized (don't forget to rename
my-project)npx degit buildingwatsize/next-antd-tailwind#main my-project
-
Go to project folder
cd my-project -
Set up dependencies
yarn
-
Run!
yarn dev
see Next.js Guide
🌈 Next.js Template – Made with ❤️ by Watsize 🌈