Get Start

This is a website where through classes we can have the components stylized. These components are made in frameworks as Astro and React.

1

Create Project

Start by creating a new Astro project: 
npm create astro@latest
2

Configuration

Configurate your proyect:

1
- Where should we create your new project? ./your-app-name
2
- How would you like to start your new project? Choose a starter template (or Empty)
3
- Install dependencies? Yes
4
- Do you plan to write TypeScript? Yes
5
- How strict should TypeScript be? Strict
6
- Initialize a new git repository? (optional) Yes/No
3

Add Tailwind to your Project

Install Tailwind using the Astro CLI: 
npx astro add tailwind
4

Add Tailwind Animated

Install Tailwind CSS Animated:

npx i tailwindcss-animated

5

Add Plugin in /tailwind.config.js

Install Tailwind using the Astro CLI: 
// tailwind.config.js
module.exports = {
    // ...
    plugins: [
    require('tailwindcss-animated')
    ],
}