Welcome to the shortest stack out there. This stack combines Worker functions, Hyperscript, Eleventy, Alpine.js and Tailwind CSS to make static site authoring easy and minimal!
This stack requires minimal setup and ready to deploy on your favorite edge service or cloud.
There are some other goodies in here, but they change so often that it's probably not worth including here, just check the package.json
file!
Just run the usual commands and peep the package.json
file to see the available scripts and packages.
For the lazy:
npm i
to build that big ol'node_modules
foldernpm run dev
to boot up that dev server and start buildingnpm run build
when you're ready to build a production bundle
Bonus
npm run build && npx serve dist
will boot up a local server of your production site!
Hyperscript is a scripting language for doing front end web development. It is designed to make it very easy to respond to events and do simple DOM manipulation in code that is directly embedded on elements on a web page. Learn more at https://hyperscript.org/
Worker functions can be thought of as REST, gRPC, graphql or other remote functions that perform tasks somewhere other than the device running the application. These functions are typically served from the same domain, which reduces cross-site security vulnerabilities, but you can also call remote functions from any domain, and whitelist the domain for access from your application. The WHEAT stack comes pre-configured for running functions on Cloudflare Pages, but you are free to customize your worker functions as you see fit.
Read more about cloudflare pages functions at https://developers.cloudflare.com/pages/platform/functions Use the /functions folder to configure your worker functions.