AT-AT

Astro - Tailwind - AlpineJs - TweenMax

npm create atat@latest

Table of Contents

• Table of Contents
  • The AT-AT Stack
    • So... what is the AT-AT Stack?
    • AT-AT Axioms
  • Getting Started
  • Community

The AT-AT Stack

The "AT-AT Stack" is a web development stack focused on performance, design simplicity, and a smooth developer experience.
Engineered for an imposing presence on the web landscape, the AT-AT Stack helps you march forward with unparalleled power and agility in your web development projects.

It comprises:

• Astro: For fast, modern websites with less effort.
• Tailwind CSS: For utility-first CSS framework.
• AlpineJS: For declarative, data-driven frontend architecture.
• TweenMax: For robust animations and transitions.

So... what is the AT-AT Stack?

The AT-AT Stack is designed to offer a complete solution for building modern, performant, and visually appealing web applications. Each piece of the stack is handpicked to solve specific challenges in web development.

AT-AT Axioms

1. Performance Matters: Speed is a feature. The AT-AT stack aims to deliver high-performance web applications.
2. Developer Experience: Intuitive tools and technologies that make the development process a joy.
3. Design-Focused: With Tailwind CSS and TweenMax, the stack allows for a high degree of customization in design.

Getting Started

To start building an app using the AT-AT Stack you can start from the astro-starter template:

npm create atat@latest

or you could install each component separately:

1. Astro: npm install astro
2. Tailwind CSS: npm install tailwindcss
3. AlpineJS: Via CDN or npm npm install alpinejs
4. TweenMax: npm install gsap

After installation, integrate them into your project based on the documentation for each tool.

Community

Astro Discord: https://astro.build/chat

Tailwind Discord: https://tailwindcss.com/discord

AlpineJS Discord: https://discord.com/invite/CphxBPR

---

zank.studio