Set up Eleventy with Bun
Francisco Cornejo Garcia
Posted on November 19, 2023
If you do not already have bun installed, install bun here for different ways to install.
In your terminal, we create a new project and hop in.
bun init
will create a package.json file for you.
mkdir new-project
cd new-project
bun init
Now we install Eleventy as a dev dependency.
bun add --dev @11ty/eleventy
We create a file to try out.
echo '<h1>Hello World!</h1>' > index.html
Compile and run Eleventy to generate a static file.
bunx @11ty/eleventy
You should be able to see a new directory, _site
, that contains your generated file.
How about we start up a hot-reloading local web server?
bunx @11ty/eleventy --serve
Go to http://localhost:8080/ to see your file live!
You can make changes and save your file for your browser to auto-reload and see your new updates.
Learn more from the following resources.
Posted on November 19, 2023
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.