2021 Update: Build A Website With Tailwind CSS, PostCSS, React, & React Router
5 min readMay 13, 2020
Updated July 2021
Building a simple website using React is possible with the help of TailwindCSS, PostCSS, and React Router. I’ve updated this tutorial with notes and code changes regarding different npm packages.
This tutorial is great for developers who are already familiar with Node.js and npm. If you are not, I recommend installing the “Required” list below and reading through the Node and npm docs.
Required
- Node: 8.11.3+
- npm: 6.12.1+
- npx: 7.19.1+
- create-react-app: 7.19.1+
Part One: Getting Started
1. Initialize your React app using `create-react-app`:
$ npx create-react-app react-tailwind-site
If you do not have create-react-app
installed, npx
will ask to install it for you.
2. Let’s start it up!
$ cd react-tailwind-site ; npm start // Linux
$ cd react-tailwind-site & npm start // Windows
You should see a new window (localhost:3000
) that looks like this: