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"