This is a create-react-app and tailwind based boilerplate with both development and production scripts (minified CSS).
This project was bootstrapped with Create React App.
Clone the repo or download this. Go to the directory and run command:
npm install
This will install all the necessary dependencies. Now you can start building your react app just like you would in a CRA. No need to import any css files. Use intellisense to find the appropriate classes and make an awesome project!
Starting point for the project is: index.js
You only need to add this once in index.js:
import "./tailwind.generated.css";
As it has already been added for you in index.js and is accesible to all components you don't need to do anything.
In the project directory, you can run:
Runs the app in the development mode and watches for changes in tailwind classes.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build folder. Tailwind css generated is minified.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
Leave a github star if you found this repo useful. This helps in increasing the visibility of this repo and others finding it too.
If you have a question, feel free raise an issue in repo or ask me here: twitter.
Become a contributor in maintaining this boilerplate. Although we want to keep this repo as minimal as possible, we are also looking for adding more features and create a more complicated template project integrated with Firebase 🔥 and other awesome features. Connect with me here: twitter.