Flowbite setup with NX Monorepo

[MuttakinHasib]

Hey @SutuSebastian

I am trying to setup Flowbite with NextJs on Nx Monorepo, but it's not working. Can you please take a look?

Here is the codesandbox link: nx-nextjs-flowbite

[SutuSebastian]

According to version 0.8.0 changelog and breaking changes, u have to do the following:

1. correctly configure tailwind.config.js using the flowbite-react/tailwind proxy

2. flowbite package can be removed (optional)

Refs:
0.8.0 Release changelog

[MuttakinHasib]

@SutuSebastian Do I need to pass the base to the plugin also?

flowbite.plugin({ base: '../../' })

[SutuSebastian]

@SutuSebastian Do I need to pass the base to the plugin also?

flowbite.plugin({ base: '../../' })

I gave u a functional example, since I cloned it myself for testing.

Reason of base option: node_modules folder is located two levels higher than where tailwind.config.js lives, hence the '../../'.

Note: base option is only for flowbite.content() function

[MuttakinHasib]

Need TS support here. it's not giving any suggestions.

btw, Thanks @SutuSebastian ❤️

[SutuSebastian]

Need TS support here. it's not giving any suggestions.

btw, Thanks @SutuSebastian ❤️

TS support/intellisense is only available within *.mjs or .ts(x) files, see below in a tailwind.config.mjs file:

[MuttakinHasib]

@SutuSebastian Thanks ❤️