React App con TailwindCSS y Deploy en Heroku Pt. 1

Últimamente me he enfocado en buscar el mejor y más práctico framework de CSS para las aplicaciones hechas en React y vaya que Tailwind es una herramienta poderosa junto con React, después de realizar un proyecto pensando en la metodología Mobile First y con la necesidad de subirlo a Heroku me encontré con varios inconvenientes que aquí te explicare para que de igual manera puedas hacer deploy de tu aplicación hecha en React con el motor de estilos Tailwind.

1.- Create React App

Para fines prácticos utilizaremos create-react-app para nuestra aplicación (esto es opcional y eres libre de usar lo que más te convenga para tu proyecto)

npx create-react-app react-tailwind
cd react-tailwind
npm start

Más información del comando create-react-app:

Crear una nueva aplicación React - React

2.- Instalando Tailwind

Una vez tengamos nuestro proyecto creado copiamos y pegamos el siguiente comando el cual nos instalará Tailwind vía NPM:

npm install tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9