Tea Stack

Overview

The TEA Stack is a minimal stack designed to make static site generation easy. It utilizes the following frameworks: TailwindCSS, Eleventy, Alpine.js, and Vite. With Node and NVM as requirements, users can quickly generate static websites for production.

Features

• Static Site Generation: The TEA Stack allows users to easily generate static sites.
• Minimal Stack: This stack is designed to be minimal, making it lightweight and efficient.
• Frameworks: The TEA Stack uses popular frameworks like TailwindCSS, Eleventy, Alpine.js, and Vite.

Installation

To get started with the TEA Stack, follow these steps:

1. Make sure you have Node and NVM installed on your system.
2. Switch to the valid Node version using nvm use.
3. Run npm i to install all the necessary dependencies, including the large node_modules folder.
4. Use npm run dev to start a live-reloading development server.
5. Run npm run build to build your production-ready site.
6. If you want to preview your site before deployment, run npm run build && npx serve dist to start a local server.

Feel free to explore the package.json file for more information on available scripts and packages used in the TEA Stack.

Summary

The TEA Stack is a minimal stack that simplifies static site generation. With the use of popular frameworks like TailwindCSS, Eleventy, Alpine.js, and Vite, it provides an efficient and lightweight solution for building static websites. By following the installation guide, users can quickly set up the TEA Stack and start generating production-ready sites.