Setting Up Astro with Tailwind CSS
Today I spent time setting up a new Astro project with Tailwind CSS. The process was fairly straightforward but had a few hiccups along the way.
What I Accomplished
- Created a new Astro project
- Integrated Tailwind CSS
- Fixed an issue with the Astro configuration
- Started customizing the theme colors
Challenges Faced
The main challenge was getting the Tailwind integration working properly. Initially, I tried to use @tailwindcss/vite as a Vite plugin, but this wasn’t the correct approach. Instead, I needed to use the official @astrojs/tailwind integration.
Resources Used
Next Steps
Tomorrow I plan to work on creating the main layout and implementing dark mode support.