Installation
Setting up Preline UI in a Next.js project using Tailwind CSS.
The React Framework for the Web. If you haven't set up Tailwind CSS yet, check out Next.js Tailwind CSS installation guides.
Install preline
via npm or yarn.
// Terminal or Shellnpm install preline // or yarn add preline
Add the path to Preline UI JavaScript files in your tailwind.config.js
file.
// tailwind.config.jsmodule.exports = { content: [ 'node_modules/preline/dist/*.js', ], plugins: [ require('preline/plugin'), ],}
Add the Preline UI JavaScript in your app entry point _app.tsx
or _app.js
according to the Next.js version.
// _app.tsx or _app.js'use client;'...useEffect(() => {
import('preline')
}, [])...