roychung96 / nextjs-antd-tailwind

this project was built by combining nextjs, antd and tailwindcss with the aim of making it easier to build a project whose style is easy to customize

nextjs-antd-tailwind

this project is built by combining NextJS, Ant Design and TailwindCSS with the aim of making it easier to build a project whose style is easy to customize

Build with

• TypeScript
• ReactJS
• NextJS
• Sass
• TailwindCSS
• Ant Design

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying src/pages/index.tsx. The page auto-updates as you edit the file. and you can override style or make style in src/styles

Folder Structure

nextjs-antd-tailwind/
|
|- public
|- src/
|   |-components/ --> atomic design
|   |   |-atoms
|   |   |-moleculs
|   |   |-organisms
|   |   |-index.ts
|   |
|   |- layouts
|   |- pages
|   |- routes
|   |- styles/  --> sass folder
|   |   |-base
|   |   |-components
|   |   |-sass-utils
|   |   |-vendors
|   |   |-style.scss
|
|- .eslintrc.json
|- .prettierignore
|- .prettierrc.js
| ...
|- postcss.config.js
|- tailwind.condig.js
| ...