johnsonchandra/catalyst_tailwindcss

Catalyst Engine with Meteor and Tailwindcss

Meteor setup

Follow installation page of Meteor.

Tailwind setup

The setup is already done in this project, but if you want to do it in another project you can follow the steps below.

They are very similar to the recommendation in the installation page of Tailwind.

1 - Install npm dependencies

meteor npm install tailwindcss@latest postcss@latest postcss-load-config@latest autoprefixer@latest

See package.json as example.

2 - Install Meteor package for postcss

And remove the standard minifier.

meteor remove standard-minifier-css
meteor add juliancwirko:postcss

See packages as example.

3 - Configure postcss

See .postcssrc.js as example.

4 - Include Tailwind in your CSS

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

See main.css as example.

5 - Configure Tailwind

See tailwind.config.js as example.

Running the Application

/etc/hosts

please add in /etc/hosts

127.0.0.1 common.maya
127.0.0.1 example.maya

Install dependencies

meteor npm install

Running

meteor npm run dev

Call in Browser

http://common.maya:3000
http://example.maya:3000

You will see some warnings when running this example, but we are going to fix them soon