This is a Meteor.js project.
Live demo: flowbit-meteor-starter.meteorapp.com
It also includes:
-
flowbite -
flowbite-react -
react-icons -
tailwindcss - Quality of life tools, like
Meteor.js requires Node.js.
If you don't already have npm available, make sure you set them up.
Install the dependencies:
meteor npm installNow you can run the development server:
npm run devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying imports/ui/App.tsx. The page auto-updates as you edit the file.
Follow these steps to add flowbite-react to a meteor project without cloning this repo.
meteor create flowbite-app --tailwind
cd flowbite-appThis will create a new meteor project with tailwindcss support.
meteor npm install --save flowbite flowbite-reactmodule.exports = {
content: [
"./imports/ui/**/*.{js,jsx,ts,tsx}",
"./client/*.html",
"node_modules/flowbite-react/**/*.{js,jsx,ts,tsx}",
],
theme: {
extend: {},
},
plugins: [require("flowbite/plugin")],
};import { Alert } from "flowbite-react";
export default function MyPage() {
return <Alert color="info">Alert!</Alert>;
}To learn more about Meteor.js, take a look at the following resources:
- Meteor.js Documentation - learn about Next.js features and API.
You can check out the Meteor.js GitHub repository - your feedback and contributions are welcome!
Flowbite is an open source collection of UI components built with the utility classes from Tailwind CSS that you can use as a starting point when coding user interfaces and websites.
In this repository, we setup flowbite-react for you with examples of how to use the React components in pages/index.tsx.
The easiest way to deploy your Meteor.js app is to use the Meteor Cloud Platform from the creators of Meteor.js.
Check out our Meteor.js deployment documentation for more details.