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