Walkthrough: Building An Angular App Using Tailwind CSS and Nx

Share on facebook
Share on google
Share on twitter
Share on linkedin

In this video, we will cover a walk-through from scratch covering how to Build and Angular app using Tailwind CSS and Nx including Angular standalone components.

🖌 Tailwind CSS setup and usage
⚙️ Nx monorepo configuration
🧍‍♂️ Standalone components
✅ Building a complete app in less than 2 hours with best practices

⏳ Timestamps:
0:00 – Intro
1:00 – Tailwind CSS intro
4:43 – Setting up Tailwind CSS
17:17 – How should you name color design tokens?
20:57 – Building the todo app

Do you want to become an Angular architect? Check out Angular Architect Accelerator.

Related Posts and Comments

Supabase and Angular: A Powerful Combination for Building Web Applications

Supabase is a cloud-based backend as a service (BaaS) platform that provides developers with a set of tools and services for building scalable and secure web applications.It’s much like Firebase but Supabase provides a PostgreSQL database which solves some of the inconveniences with a NoSQL database such as Firestore.For that reason, Supabase has now become

Read More »

18 Performance Optimization Techniques For Angular Applications (podcast with Michael Hladky)

Performance is extremely important in front-end applications as they directly impact the application’s user experience. Poorly performing applications can be frustrating for the end-users. For example, an e-commerce site that is slow and unresponsive might deter users which could have a direct impact on the business.  Although there is a growing number of tools to

Read More »

Announcement: Angular Testing Workshop

I’m announcing a new live workshop: Angular Testing Workshop. It will be half-day workshops over three days, 100% online, where we will learn all the industry best practices with Angular testing so you can apply them in your daily work – taking straight out of my experience with doing Angular testing for big projects. The

Read More »

Server-side Rendering (SSR) with Angular Universal

As the name suggests, Single-page App (SPA) is a single HTML document that can be initially served to the client. Any new views required in the application can be created by using JavaScript solely on the client. Besides this, the request-response cycle still happens, but only to RESTful APIs to get static resources or images.

Read More »