In our Build target we are going to install the required and any additional NPM Packages our app will use, and also configure a watch or publish events. Learn more about MSBuild Targets Lets create our target file as follows: touch tailwind.targets The intention behind our target, is first...
To install Tailwind CSS in React, create a new project withCreate React Appwith thenpx create-react-app react-tailwindcommand. Next, change your working directory to your project folder and install Tailwind CSS and its peer dependencies with the command below: cdreact-tailwind npm install-D tail...
To set up Tailwind CSS in Next.js we first need to install it along withPostCSSandAutoprefixerusing the command“npm install -D tailwindcss postcss autoprefixer”-> then run“npx tailwindcss init -p”to create configuration filestailwind.config.jsandpostcss.config.js-> then insidetailwind.config...
Update the PostCSS configuration There are three plugins that need to be added to the postcss.config.js file.module.exports = { plugins: { tailwindcss: {}, autoprefixer: {}, cssnano: { preset: 'default', }, }, }The tailwindcss and autoprefixer plugins are added as directed in the Ta...
npm inx tailwind initOur starter project already contains a tailwind.config.js file. Open the file and navigate to the theme section. Define your custom font families within the fontFamily key:// tailwind.config.js module.exports = { theme: { extend: { fontFamily: { customFont: ['"Custom...
@import "tailwindcss/utilities"; 2.4 Use purgecss to remove unused CSS in the production build The big advantage of purgecss is that your production website will get stripped of unused css which results in small css outputs. First, we're going to install the nuxt-purgecss module npm install...
$ npm install @tailwindcss/typography Update tailwind.config.js module.exports = { ... plugins: [ require('@tailwindcss/typography'), // new ], } prose The official Tailwind CSS Typography plugin provides a set of prose classes you can use to add beautiful typographic defaults to any ...
To start using Ably for sending realtime notifications, we begin by installing “ably-js”, which is a JavaScript client library for Ably realtime. Run the following command in your project directory to install it: npm install ably –-save ...
How to create a KV store and get the credentials you'll need from it. Once you've added your own values, install the project's dependencies and fire it up: npm i npm run dev Now you should be able to open uphttp://localhost:3000in a browser and see the app running: ...
How to run locally Prerequisites Node.js 20 or higher NPM Steps git clone https://github.com/poloclub/transformer-explainer.git cd transformer-explainer npm install npm run dev Then, on your web browser, access http://localhost:5173. Credits Transformer Explainer was created by Aeree Cho, Gra...