Eleventy Dev Server v1.0.0

The stable release! This development server was originally developed for Eleventy to replace its browser-sync dependency but evolved to include its own standalone CLI for independent use!

Features

• Minimalist footprint (super fast npm install times):
  • 39 modules
  • node_modules weigh 1.4 MB, compare to vite at 24 MB or browser-sync at 101 MB.
• Bundler-decoupled: your code is not modified or transpiled.
• Super fast startup times: ~2ms (Macbook Air M1 2020)
• Live reload using WebSockets
  • No page refresh CSS updates
  • dom-diffing updates for HTML (via morphdom)
• https support locally
• Automatic port reassignment when port is already in use.
• Milestone: https://github.com/11ty/eleventy-dev-server/issues?q=is%3Aclosed+milestone%3Av1.0.0
• Full Changelog: https://github.com/11ty/eleventy-dev-server/commits/v1.0.0

Usage

With Eleventy

If using with Eleventy (2.0 or newer), this server is bundled with Eleventy and does not require a separate install!

Please review the full Eleventy Dev Server docs on 11ty.dev.

Relevant videos on the Eleventy YouTube Channel

• The Brand New Eleventy Development Server, Eleventy Weekly №3 (2022-W9)
• Shipping the new Eleventy Dev Server; the new Server API; a Vite Demo—Eleventy Weekly №4 (2022-W10)
• The Dreaded Markdown Indented Code Blocks, Twig Templates, Dev Server CLI—Eleventy 🎈 Weekly №14

Standalone CLI

Eleventy Dev Server includes a CLI. The CLI is for standalone (non-Eleventy) use only: separate installation is unnecessary if you’re using this server with @11ty/eleventy.

npm install -g @11ty/eleventy-dev-server

# Alternatively, install locally into your project
npm install @11ty/eleventy-dev-server

This package requires Node 14 or newer.

Contributions from:

• fixes error on LAN live-reload by @wommy in #23
• fix: reload client gets injected before importmaps, breaking importmaps by @p-ob in #33