Static site generation based on Eleventy, with TailwindCSS for styling
EleventyStarter
fruits-express — Eleventy Starter Template
By TigersWay
A data-driven multilingual starter based on Eleventy and TailwindCSS, with self-hosted Fontsource fonts and a generic build script.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-09-30View source
What stands out
A quick read of the recorded project description.
A single dataset drives multilingual content, with lightweight Markdown support
Self-hosts open-source fonts as NPM packages via Fontsource
Provides a generic builder that can adapt to deployment environments using SITE_URL, CLOUDINARY_CDN_URL, and PATHPREFIX variables
Built-in RSS/Atom, sitemap.xml, and html-minifier
Development server integrates express-static middleware
Template Details
fruits-express is an Eleventy starter oriented toward data and multilingual content. It uses TailwindCSS for styling and self-hosts open-source fonts as NPM packages via Fontsource. The project uses a single dataset to support multilingual content and includes lightweight Markdown support.
For builds, it provides a "generic builder" that accepts SITE_URL, CLOUDINARY_CDN_URL, and PATHPREFIX variables via the command line or dotenv-cli, adapting to different deployment paths and CDN scenarios. The project also includes RSS/Atom, sitemap.xml, html-minifier, and an Eleventy development server with express-static middleware.
The repository is released under the MIT license, and the demo site is deployed on multiple platforms including Netlify, Cloudflare Pages, Render, Vercel, and GitHub Pages. The dependency versions and changelog listed in the README reflect only the state at that time; for specific versions, refer to the repository's dependency manifest.
EleventyStarter
Is it right for your project?
Use Cases
- Static sites that need multilingual content but prefer to maintain it with a single dataset
- Projects that want to self-host fonts without relying on an external font CDN
- Scenarios that need to generate build artifacts for different deployment paths or CDN addresses
- Use as a starting template for further development with the Eleventy and TailwindCSS combination
Suitable For
- Developers familiar with Eleventy who want to quickly set up a multilingual site
- Small content sites that need data-driven page generation
- Users planning to deploy to static hosting platforms such as Netlify, Cloudflare Pages, and Vercel
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
During builds, SITE_URL, CLOUDINARY_CDN_URL, and PATHPREFIX variables can be passed via the command line or dotenv-cli
- 2
SITE_URL has a default value; CLOUDINARY_CDN_URL and PATHPREFIX have no default values
- 3
Fonts are introduced via Fontsource NPM packages and require passthrough copy to be set in the Eleventy configuration
- 4
Third-party assets such as demo images, fonts, and icons must be checked separately against their respective licenses
- 5
The repository is released under the MIT license; when distributing copies of the code, retain the copyright notice and license notice
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version of the public repository under the MIT license; the free scope is the code of that version and does not imply that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- During builds, CLOUDINARY_CDN_URL can be passed to point to the CDN address of a Cloudinary account; if this variable is used, it depends on Cloudinary as an external service and its account, which is an optional external service dependency, not mandatory.
- When deploying to a subpath (such as GitHub Pages), the path prefix must be specified via PATHPREFIX; otherwise, generated asset links may be incorrect. PATHPREFIX has no default value.
- SITE_URL has a default value of https://fruits-express.com; if not explicitly overridden, the site address in the build artifacts will point to this default domain.
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
CLOUDINARY_CDN_URL=https://res.cloudinary.com/myaccount npm run build
Original README
SITE_URL=https://yourname.github.io PATHPREFIX=fruits-express npm run build
Original README
https://github.com/TigersWay/fruits-express/blob/main/LICENSEhttps://github.com/TigersWay/fruits-express/blob/main/README.mdSITE_URL (default to `https://fruits-express.com`)
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 87 / 100
- Technologies
- Eleventy
- Website type
- Starter
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-03-18
- Screenshot last checked
- 2026-10-01
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Eleventy as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 35ec25d98eac025962addec9f498b865b6f7d7c93bbddb21232f85defcdb4ddb
2026-10-01T13:24:54.135Z
Source file / repository# fruits-express   
Simple data-oriented & multi-language starter with Eleventy & TailwindCSS
Dependencies:
- 
Demo:
[](https://fruits-express.netlify.app)
[](https://fruits-express.pages.dev)
[](https://fruits-express.onrender.com)
[](https://fruits-express.vercel.app)
[](https://tigersway.github.io/fruits-express/)
### Fontsource
> An updating monorepo full of self-hostable Open Source fonts bundled into individual NPM packages!
In the last canary - @11ty/Eleventy 2.0.0-canary.12 - has been introduced what [Zach](https://github.com/zachleat) called "For-free passthrough copy". It should be the new smooth and light way to deal with "static assets".
Specifically hosting Google - or not - fonts: [Introduction](https://fontsource.org/docs/introduction)
### "Generic builder"
You can use the usual `npm run build` script to generate every configuration you should need (command line or dotenv-cli):
- `SITE_URL=https://fruits-express.xyz CLOUDINARY_CDN_URL=https://res.cloudinary.com/myaccount npm run build`
- `SITE_URL=https://yourname.github.io PATHPREFIX=fruits-express npm run build`
- `SITE_URL=https://example.com PATHPREFIX=abcd npm run build`
Available variables are:
- SITE_URL (default to `https://fruits-express.com`)
- CLOUDINARY_CDN_URL (no default)
- PATHPREFIX (no default)
### CHANGELOG
- **v2.4.2** (2026-03-18)
- Update all dependencies again, "Smart Hosters" are getting newer engines
- Cloudflare Pages v3
- **v2.4.1**
- Eleventy v2.0.0
- **v2.4.0**
- Eleventy 2.0.0-canary.15
- `eleventy.config.js` is now the default config file
- the new HTML <base> plugin allows us to get rid of the url filter
- **v2.3.0**
- Eleventy 2.0.0-canary.12 & "For-free passthrough copy"
- [FontSource](https://fontsource.org/) is now available and useful
`eleventyConfig.addPassthroughCopy({ 'node_modules/@fontsource/sarabun/files/*{latin,thai}-{400,700}*.woff2': 'css/files' });`
- **v2.2.0**
- Added a "Generic builder"
- Fix images url without CDN
- **v2.1.0**
- Added github-pages demo (great to check the url filter)
- **v2.0.1**
- Fix Atom feed (Links & minification)
- **v2.0.0**
- Additions & New features
- Mono dataset but multi-language and some light markdown
- New Eleventy dev-server with express-static middleware
- html-minifier
- RSS/Atom
- sitemap.xml
- Updates:
- Dependencies:
- Eleventy v2.x among others
- Concurrently (npm-run-all is clearly dead)
- Sarabun v13 (font)
- DataSet images to png
- **v1.0.0**
- Eleventy v1.x
- TailwindCSS v3.x
Explore similar templates
Compare previews and descriptions within the same stack and category.
eleventy-base-blog
The officially maintained Eleventy blog starter template, MIT licensed, includes posts, tag pages, archives, an about page, a 404 page, an Atom feed, and sitemap.xml, with per-page CSS bundling, syntax highlighting, and image optimization.
Eleventy · Blog
eleventy-garden
An Eleventy-based digital garden starter template for building a personal knowledge site organized through hyperlinks. It supports Roam-style double-bracket links, backlink display, and hover cards for backlinks.
Eleventy · Starter
eleventastic
Eleventastic is an Eleventy starter kit by Max Böck, used as the base for new 11ty projects. It integrates Sass, Webpack, SVG icon sprites, critical CSS, and HTML minification into the 11ty build without external steps.
Eleventy · Starter
neat-starter
An Eleventy-based static site starter template integrating Netlify CMS, Alpine.js, and Tailwind CSS. It provides a ready-to-run example site, a one-click Netlify deploy button, and an MIT-licensed codebase.
Eleventy · Starter
Eleventy-Starter-Boilerplate
An Eleventy-based blog starter template with Tailwind CSS, Webpack, PostCSS, ESLint, and Prettier, optional Netlify CMS, and built-in SEO metadata, sitemap, and 404 page.
Eleventy · Blog
eleventy-plus-vite
A static site starter combining Eleventy and Vite, with a live-reloading development server, Vite-based production post-processing, a PostCSS pipeline with Autoprefixer and cssnano, critical CSS inlining and asynchronous CSS loading, a web font loading strategy example, fluid typography, basic dark mode, an…
Eleventy · Starter