IsMail website (Astro)

This is the official website code of IsMail.

📦 Project Structure

/
├── public/             # Static assets
│   └── favicon.svg
├── src/
│   ├── assets/         # Images and other assets
│   ├── components/     # Reusable UI components
│   ├── layouts/        # Page layouts
│   ├── pages/          # Page routes
│   ├── scripts/        # JavaScript utilities
│   └── styles/         # Global styles
│       ├── global.css
│       └── transitions.css
├── astro.config.mjs    # Astro configuration
├── tailwind.config.mjs # Tailwind CSS configuration
└── package.json        # Project dependencies

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command	Action
npm install	Installs dependencies
npm run dev	Starts local dev server at localhost:4321
npm run build	Build your production site to ./dist/
npm run preview	Preview your build locally, before deploying
npm run astro ...	Run CLI commands like astro add, astro check
npm run astro -- --help	Get help using the Astro CLI

🎨 Customization

Colors

The template includes a custom color palette defined in tailwind.config.mjs:

• Primary: Purple-based color scheme
• Secondary: Slate-based color scheme
• Accent: Lime-based color scheme
• Warning: Yellow-based color scheme

You can customize these colors by editing the tailwind.config.mjs file.

🚀 Getting Started

1. Clone this repository
2. Install dependencies with npm install or pnpm install
3. Start the development server with npm run dev or pnpm dev
4. Visit http://localhost:4321 to see your site

👀 Tech Stacks

• Astro Documentation
• Tailwind CSS Documentation
• Alpine.js Documentation
• Directus Documentation

Dependencies

• Self-hosted Directus CMS