Special Offer: 25% off on all plans. Use code: "FREEDOM25".
* Only for new paid subscription
Installation
Launching web apps in a Create React App project built on Tradly API.
Start by creating a new React project with Create React App if you don't have one already set up.
npx create-react-app my-projectcd my-project
Install tailwindcss
and its peer dependencies via npm, and then run the init command to generate both tailwind.config.js
and postcss.config.js
.
npm install -D tailwindcss postcss autoprefixernpx tailwindcss init -p
Add the paths to all of your template files in your tailwind.config.js
file.
export default { content: [ "./src/**/*.{js,jsx,ts,tsx}", ], theme: { extend: {}, }, plugins: [],}
Add the @tailwind
directives for each of Tailwind’s layers to your ./src/index.css
file.
@tailwind base;
@tailwind components;
@tailwind utilities;
Run your build process with npm run start
.
npm run start
Start using Tailwind’s utility classes to style your content.
export default function App() { return ( <h1 className="text-3xl font-bold underline"> Hello world! </h1> )}