Skip to main content

Dependencies

Common​

Heads Up!

The following dependencies are common and required to run the template. Do not try to remove any of these dependencies. You may add / update / remove any other dependencies according to your requirements.

"@emotion/cache"
"@emotion/react"
"@emotion/styled"
"@floating-ui/react"
"@iconify/iconify"
"@iconify/json"
"@iconify/tools"
"@iconify/types"
"@iconify/utils"
"@mui/lab"
"@mui/material"
"@mui/material-nextjs"
"@types/node" // Typescript version only
"@types/react" // Typescript version only
"@types/react-dom" // Typescript version only
"autoprefixer"
"classnames"
"dotenv-cli"
"next"
"postcss"
"postcss-styled-syntax"
"prettier"
"react"
"react-colorful"
"react-dom"
"react-perfect-scrollbar"
"react-use"
"server-only"
"stylelint"
"stylelint-use-logical-spec"
"tailwindcss"
"tailwindcss-logical"
"tsx"
"typescript" // Typescript version only

Authentication​

"@auth/prisma-adapter"
"@prisma/client"
"next-auth"
"prisma"

Calendar​

"@fullcalendar/common"
"@fullcalendar/core"
"@fullcalendar/daygrid"
"@fullcalendar/interaction"
"@fullcalendar/list"
"@fullcalendar/react"
"@fullcalendar/timegrid"
"bootstrap-icons"

Charts​

"apexcharts"
"react-apexcharts"
"recharts"

Chat​

// For emoji only
"@emoji-mart/data"
"@emoji-mart/react"
"emoji-mart"

DataTable​

"@tanstack/match-sorter-utils"
"@tanstack/react-table"

Date Time Picker​

"date-fns" // date formatter
"react-datepicker"

Editor​

"@tiptap/extension-color",
"@tiptap/extension-list-item",
"@tiptap/extension-placeholder",
"@tiptap/extension-text-align",
"@tiptap/extension-text-style",
"@tiptap/extension-underline",
"@tiptap/pm",
"@tiptap/react",
"@tiptap/starter-kit",

Eslint​

"@typescript-eslint/eslint-plugin" // Typescript version only
"@typescript-eslint/parser" // Typescript version only
"eslint"
"eslint-config-next"
"eslint-config-prettier"
"eslint-import-resolver-typescript" // Typescript version only
"eslint-plugin-import"

Form Validation​

"@hookform/resolvers"
"react-hook-form"
"valibot"

Internationalization (i18n)​

"@formatjs/intl-localematcher"
"@types/negotiator" // Typescript version only
"negotiator"

Kanban​

"@formkit/drag-and-drop"

Redux​

"@reduxjs/toolkit"
"react-redux"

Remove i18n script​

"globby"
"consola"

Right to Left (RTL)​

"stylis"
"stylis-plugin-rtl"
"cmdk"

Swiper​

"keen-slider"

Toast​

"react-toastify"

Upload​

"react-dropzone"

Input otp​

"input-otp"