https://github.com/christian-007/angular11-tailwindcss
Angular 11 app with Tailwindcss v2.0
https://github.com/christian-007/angular11-tailwindcss
angular-11 tailwindcss-v2 typescript
Last synced: 6 months ago
JSON representation
Angular 11 app with Tailwindcss v2.0
- Host: GitHub
- URL: https://github.com/christian-007/angular11-tailwindcss
- Owner: Christian-007
- Created: 2021-02-13T09:24:14.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2021-02-18T15:45:35.000Z (about 5 years ago)
- Last Synced: 2025-04-29T01:42:18.593Z (11 months ago)
- Topics: angular-11, tailwindcss-v2, typescript
- Language: TypeScript
- Homepage:
- Size: 160 KB
- Stars: 4
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular 11 with Tailwindcss 2.0
This project is the full implementation of [this article](https://medium.com/tunaiku-tech/angular-11-tailwindcss-2-0-blazing-fast-cfa20ae3a5e9), which demonstrates the integration of Tailwindcss 2.0 with Angular 11 app. To run this repo properly on your local machine, please read the following steps.
## Pre-requisites
Before proceeding, make sure you have the following installed in your operating system:
- Node.js `v12.13.0` or higher (as part of Tailwindcss v2.0 requirements)
- Angular CLI `v11`
## Running the project locally
1. Clone the project.
2. Run `npm install` within the project directory.
3. Run `ng serve`.
4. Open your browser.
## References
- Ngx-build-plus repository: https://github.com/manfredsteyer/ngx-build-plus
- Angular 10 with Tailwind CSS by notiz.dev: https://notiz.dev/blog/angular-10-with-tailwindcss
- Tailwindcss official documentation: https://tailwindcss.com/docs/installation
- Fix VSCode CSS linting errors: https://stackoverflow.com/questions/62118325/how-do-you-get-rid-of-these-sass-linting-errors-when-using-tailwind-css