Skip to content

heyding/angular-tailwind-template

Repository files navigation

Angular + Tailwind Template

You can fork this template if you need a basic setup for an Angular project and want to use Tailwind CSS for the UI. Tailwind was integrated according to this guide.

This project was generated with Angular CLI version 13.3.0.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files. If the website looks like the screenshot in "src/assets/img", Tailwind is set up and you can start coding.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Tailwind components

You will find some designed components at tailwindui.com. Just copy the HTML code into your components .html file.

i18n

This project uses ngx-translate to enable the translation into different language. It was set up by following this guide. You can add new language files in "src/assets/i18n".

NgRX

This project uses NgRx functionality to keep a good overview of the state. It was set up by following this guide and can be used accordingly.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

To get more help on Tailwind configurations go check out the Tailwind Documentation page.