dev-resources.site
for different kinds of informations.
Set up Eleventy with Bun
Published at
11/19/2023
Categories
tutorial
javascript
webdev
eleventy
Author
franciscornejog
Author
15 person written this
franciscornejog
open
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.
eleventy Article's
30 articles in total
Upgrading to Eleventy v3.0 (beta)
read article
Eleventy - Is it time to upgrade to version 3?
read article
Type-Safe Eleventy Data Cascade Access with TSX and Preact Hooks
read article
Making Eleventy Data Traceable with TSX and Zod
read article
How to connect Eleventy and Storyblok
read article
Eleventy - Create a global production flag
read article
Importing posts from an RSS feed with Eleventy
read article
Otro Hacktoberfest mรกs
read article
Set up Eleventy with Bun
currently reading
Eleventy and Storyblok โ My perfect combination
read article
How to make a PWA out of your Eleventy site
read article
Setting active state on navigation with Eleventy
read article
Eleventy Style Guide Generator โ Step by Step guide adding to an existing site
read article
Pulling WordPress Post Categories & Tags Into Eleventy
read article
Use TailwindCSS with Eleventy Static Site Generator
read article
Eleventy Style Guide Generator with WebC Component Support
read article
Eleventy (11ty) vs. Gatsby in 2023 โ which SSG is best for you?
read article
Eleventy (11ty) vs. Astro
read article
Speaking at Eleventy Meetup
read article
CloudCannon.com is now built with Eleventy!
read article
Eleventy/Figma Plugin Template
read article
Adding search to an Eleventy site
read article
Migrating from Jekyll to Eleventy
read article
Extracting and using Critical CSS on my Eleventy site
read article
Adding a Table of Contents to dynamic content in 11ty
read article
A Step-by-Step Guide to Sorting Eleventy Global Data Files by Date
read article
Static Site Generator (SSG) Visions, Roadmaps, and Trajectories: What to Watch in 2023
read article
Automating Advent Calendar with Github Actions and Eleventy
read article
23 of the best Eleventy Themes (Starters) for 2023
read article
11 Top Eleventy Blog Themes (Starters) for 2023
read article
Featured ones: