Install meteorjs with svelte, tailwind & daisyui

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

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",
   ],
   

4. Modify main.css

   main.css

   @tailwind base;
   @tailwind components;
   @tailwind utilities;
   

5. Install daisyUi

   cmd

   meteor npm i daisyui
   

   Configure daisyui with the tailwind using tailwind.config.js

   tailwind.config.js

   plugins: [require('daisyui')],