Install meteorjs with svelte, tailwind & daisyui

The fool proof way!
Make sure you have installed node 14.x.x If you need multiple node in the system, you can use VOLTA node version manager Also, make sure you have installed meteor globally already
cmd
npm install -g meteor
1. Create new METEOR project
Create a folder & open CMD
cmd
meteor create --svelte . --prototype
This will create a meteor app with the dependency of svelte in the current directoryÂ
cmd
meteor create --svelte mToDoApp --prototype
This will create a meteor app with the dependency of svelte by creating a folder named “mToDoApp” inside the current directory
2. Install tailwindcss
cmd
meteor npm install tailwindcss postcss autoprefixer postcss-load-config
3. Create the tailwind config file
cmd
npx tailwindcss init -p
Modify content rule on tailwind.config.js file
tailwind.config.js
content: [ "./imports/ui/**/*.{js,jsx,ts,tsx,svelte,html}", "./client/*.html", ],
5. Modify main.css
main.css
@tailwind base; @tailwind components; @tailwind utilities;
6. Add daisyUi
cmd
meteor npm i daisyui
Configure daisyui with the tailwind using tailwind.config.js
tailwind.config.js
plugins: [require('daisyui')],