Featuring an all-in-one shell script. — Created on: 2021–02–09 15:41:21. Step 1: Install Dependencies npx create-react-app ./client && cd client && npm install tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9 && npm install @craco/craco && curl 'https://gist.githubusercontent.com/thoughtstile/32737663cab5399e7adc03a911e1e989/raw/9c881b1b596c76766f0137eae740333bbda8b924/tailwind.config.js' -o tailwind.config.js && curl https://gist.githubusercontent.com/thoughtstile/192f81657c2593e664e8c6a6969ea700/raw/79447e17ddfdf2ec3909feae27177ec11b32bd68/craco.config.js -o craco.config.js && curl https://gist.githubusercontent.com/thoughtstile/95ca6c4df1b9f38e82703857f1d9e562/raw/013b41ecca8d067695df4ea4609ca1aef96f549b/index.css -o ./src/index.css && curl https://gist.githubusercontent.com/thoughtstile/5d4b56291b2f5aca60fd5c52763e9e07/raw/3cf89cace76e08220ec56629e380a20799e768ca/App.js -o ./src/App.js && cd .. && curl https://gist.githubusercontent.com/thoughtstile/660881b321ab8694ddfbe569a41a73e5/raw/f8178f98ffef15b05a5c17b0b5d8e61706cee9d3/Dockerfile -o ./client/Dockerfile && curl https://gist.githubusercontent.com/thoughtstile/2a6a761a6b91bf8b26838e5b522165a0/raw/7185c1308dd6633629d1a4264b3d62c3633f3993/nginx.conf -o ./client/nginx.conf && curl https://gist.githubusercontent.com/thoughtstile/3e1932f42d5b67bca1dbb034b2968349/raw/cbbac57a3d594a4295e42cd07885aecab61fb3fd/cloudbuild.yaml -o cloudbuild.yaml…

Setup React with Tailwind 2.0 on Cloud Run
Setup React with Tailwind 2.0 on Cloud Run

--

--

A simple guide on setting up a boilerplate create-react-app application with Tailwind CSS 2.0.

Created on: 2021–02–08 14:45:14

Step 1: Install Dependencies

npx create-react-app ./client &&
cd client &&
npm install tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9 &&
npm install @craco/craco &&
curl 'https://gist.githubusercontent.com/thoughtstile/32737663cab5399e7adc03a911e1e989/raw/9c881b1b596c76766f0137eae740333bbda8b924/tailwind.config.js' -o tailwind.config.js &&
curl https://gist.githubusercontent.com/thoughtstile/192f81657c2593e664e8c6a6969ea700/raw/79447e17ddfdf2ec3909feae27177ec11b32bd68/craco.config.js -o craco.config.js &&
curl https://gist.githubusercontent.com/thoughtstile/95ca6c4df1b9f38e82703857f1d9e562/raw/013b41ecca8d067695df4ea4609ca1aef96f549b/index.css -o ./src/index.css &&
curl https://gist.githubusercontent.com/thoughtstile/5d4b56291b2f5aca60fd5c52763e9e07/raw/3cf89cace76e08220ec56629e380a20799e768ca/App.js -o ./src/App.js…

--

--