Install meteorjs with svelte, tailwind & daisyui

The fool proof way!

tailwindcss
daisyui
sveltekit
Meteor
VOLTA

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 projectCreate 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')],