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:
- Make sure you have Node and NVM installed on your system.
- Switch to the valid Node version using
nvm use. - Run
npm ito install all the necessary dependencies, including the largenode_modulesfolder. - Use
npm run devto start a live-reloading development server. - Run
npm run buildto build your production-ready site. - If you want to preview your site before deployment, run
npm run build && npx serve distto 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.