11tea (Eleventea) is a super simple starter to make website using Eleventy, Tailwind CSS, and Alpine.js which, all together are forming the new fancy TEA-Stack. Have some tea!
- HTML engine with Nunjucks templates
- Functional CSS with tailwindcss 2.1
- Interactivity with alpinejs 2.8
- Optimized SEO with a meta.html and sitemap.xml
- Simple use of @11ty/eleventy-img
- Minifies HTML and CSS with html-minifier
- Fonts folder with easy replacement
- Optimized for develop-performance
- Super simple project architecture
# clone this repository
git clone git@github.com:halfmage/11tea.git
# navigate to you folder
cd 11tea
# install dependencies
npm install
# build the project to generate css (_tmp folder)
npm run build
# start the watcher
npm run start- Favicons: For the generation of social images and favicon files I used Real Favicon Generator and adopted the file names of the exports so you can easily copy and replace those images
Let me know if something does not work or you have ideas for improvements via the Github issues.
- Greg Wolanski's TEA Starter teached me a lot about setting up a eleventy starter in general and I liked the way he inlcuded a optimized tailwind css build without the need of webpack.