Meta tags:
description=Eleventy Dev Server — Eleventy;

Headings (most frequently used words):

in, added, v2, options, eleventy, dev, server, advanced, chokidar, swap, back, to, browsersync, onrequest, for, request, time, processing, setbrowsersyncconfig, other, pages, watch, and, serve, sponsors, 757, supporters,

Text of the page (most frequently used words):
the (49), server (35), #eleventy (29), dev (28), eleventyconfig (22), for (22), function (20), files (17), watch (15), false (14), awesome (13), and (13), browsersync (13), default (13), data (13), 11ty (12), setserveroptions (12), file (11), url (11), port (10), return (10), content (10), name (10), use (10), with (9), serve (9), onrequest (9), html (9), will (9), configuration (8), weekly (8), options (8), added (8), show (8), true (8), page (7), module (7), chokidar (7), key (7), folder (7), blog (6), github (6), back (6), build (6), api (6), used (6), snippet (6), commonjs (6), esm (6), config (6), your (6), new (6), domdiff (6), alias (6), backwards (6), compatibility (6), renamed (6), number (6), times (6), local (6), read (5), help (5), exports (5), export (5), advanced (5), static (5), change (5), request (5), processing (5), from (5), localhost (5), https (5), encoding (5), updates (5), plugins (5), guide (4), this (4), list (4), pro (4), other (4), fallback (4), play (4), video (4), opt (4), out (4), 8080 (4), shown (4), using (4), any (4), patterngroups (4), urlpattern (4), foo (4), zach (4), empty (4), object (4), http (4), output (4), more (4), livereload (4), injectedscriptsfolder (4), increment (4), already (4), cert (4), whether (4), are (4), image (4), get (4), web (3), firehose (3), pages (3), method (3), versions (3), setbrowsersyncconfig (3), full (3), open (3), install (3), npm (3), you (3), can (3), swap (3), documentation (3), process (3), env (3), eleventy_run_mode (3), during (3), mode (3), works (3), great (3), type (3), pattern (3), render (3), configure (3), time (3), cli (3), certificate (3), supported (3), when (3), serving (3), values (3), paths (3), directory (3), command (3), line (3), css (3), bundler (3), dom (3), diffing (3), live (3), reload (3), faster (3), community (3), navigation (3), template (3), templates (3), custom (3), javascript (3), started (3), podcast (2), font (2), awesomeverse (2), discord (2), star (2), youtube (2), follow (2), bluesky (2), mastodon (2), support (2), our (2), project (2), site (2), until (2), may (2), vite (2), was (2), ghostmode (2), notify (2), package (2), available (2), trapped (2), computer (2), don (2), only (2), message (2), intercept (2), all (2), requests (2), how (2), environment (2), hello (2), body (2), text (2), headers (2), 200 (2), status (2), include (2), matches (2), falsy (2), value (2), than (2), shipping (2), preview (2), 404 (2), node (2), enabled (2), portreassignmentretrycount (2), injected (2), scripts (2), below (2), mapping (2), pathname (2), callback (2), index (2), indexfilename (2), requested (2), showversion (2), version (2), utf (2), reading (2), showallhosts (2), network (2), addresses (2), device (2), testing (2), _site (2), separate (2), writing (2), accepts (2), array (2), globs (2), passed (2), additional (2), that (2), trigger (2), configurable (2), starting (2), applied (2), where (2), possible (2), instead (2), reloads (2), release (2), copy (2), node_modules (2), servers (2), hosting (2), services (2), bundle (2), internationalization (2), i18n (2), create (2), history (2), languages (2), typescript (2), global (2), front (2), matter (2), pagination (2), collections (2), add (2), stable (2), search (2), skip (2), downloads, 18m, stars, statistics, built, style, credits, accessibility, edit, 757, supporters, sponsors, twitter, chat, subscribe, newsletter, easy, way, underrated, boost, rank, both, generators, jamstack, org, previous, prior, changed, has, functional, purpose, 3m55s, view, then, enable, first, access, via, setchokidarconfig, operates, variable, some, keys, represent, strings, 7m43s, try, generate, devcert, root, popular, convention, netlify, vercel, others, error, missing, also, header, check, buffer, about, option, compatible, expand, see, detail, notes, supports, builds, emulated, passthrough, unresolved, errors, warnings, audit, websockets, based, fast, 2ms, startup, decoupled, minimal, footprint, reduced, dependency, count, 211, 311, helped, drop, 155, includes, its, own, hot, reloading, development, breadcrumbs, sparklines, generator, indieweb, avatar, opengraph, screenshots, runtime, apis, cms, deployment, retired, attribute, base, inputpath, syntax, highlighting, upgrade, helper, rss, land, fetch, order, operations, events, programmatic, common, pitfalls, variables, getbundlefileurl, getbundle, shortcodes, inputpathtourl, collectionitem, log, slugify, filters, postprocess, preprocess, ignore, features, overriding, virtual, sass, pug, haml, ejs, mustache, handlebars, liquid, nunjucks, webc, jsx, mdx, markdown, validate, formats, computed, cascade, supplied, dates, layouts, permalinks, importing, fonts, usage, conference, meetup, leaderboards, code, conduct, contribute, quick, tips, tutorials, starter, projects, installing, opening, terminal, glossary, learn, performance, why, introduction, alpha, canary, make, easier, got, kickstarter, same, generation, know, love, now, endless, possum, bilties, but, just, like, parts, core, continue, free, source, main,

Text of the page (random words):
eleventy dev server eleventy skip to navigation skip to main content back build awesome pro until may 28 build awesome font awesome web awesome podcast awesome blog awesome 11ty get started blog community versions v3 stable v2 v1 v0 history firehose search search github youtube mastodon bluesky discord the same static site generation you know and love now with endless pro possum bilties but just like the other parts of the awesomeverse the core of build awesome will continue to be free and open source support the kickstarter got it blog back build awesome pro and make it easier to build for the web versions stable 3 1 5 canary 4 0 0 alpha 7 introduction get started why eleventy performance learn glossary opening a terminal installing javascript commonjs esm typescript starter projects tutorials quick tips community how can i contribute code of conduct blog firehose 11ty bundle leaderboards eleventy meetup 11ty conference guide guide get started command line usage add a configuration file copy files to output add css js fonts importing content configure templates with data permalinks layouts collections collections api content dates create pages from data pagination pagination navigation using data in templates eleventy supplied data data cascade front matter data custom front matter template directory data files global data files config global data computed data javascript data files custom data file formats validate data template languages html markdown mdx javascript jsx typescript custom webc nunjucks liquid handlebars mustache ejs haml pug sass virtual templates overriding languages template features ignore files preprocess content postprocess content filters url slugify log get collectionitem inputpathtourl shortcodes getbundle getbundlefileurl environment variables internationalization i18n watch files and dev servers eleventy dev server vite common pitfalls advanced release history programmatic api configuration events order of operations plugins plugins create or use plugins image fetch is land render internationalization i18n rss upgrade helper syntax highlighting inputpath to url navigation html base bundle id attribute community plugins retired plugins services services deployment hosting using a cms runtime apis screenshots opengraph image indieweb avatar generator image hosting image sparklines breadcrumbs eleventy documentation guide watch files and dev servers eleventy dev server added in v2 0 0 on this page options onrequest for request time processing advanced chokidar options swap back to browsersync setbrowsersyncconfig eleventy includes its own hot reloading development server 11ty eleventy dev server on github ️ minimal footprint 1 4 mb node_modules helped eleventy node_modules drop from 155 mb to 34 3 mb faster eleventy npm install times 30 5 faster reduced eleventy dependency count from 311 to 211 bundler decoupled fast 2ms startup times ️ websockets based live reload dom diffing html updates ️ no unresolved npm audit errors or warnings supports emulated passthrough file copy for faster builds read more detail on the eleventy dev server 1 0 release notes options you can configure the server with the new setserveroptions configuration api method eleventy config js esm commonjs export default function eleventyconfig eleventyconfig setserveroptions default values are shown whether the live reload snippet is used livereload true whether dom diffing updates are applied where possible instead of page reloads domdiff true the starting port number will increment up to configurable 10 times if a port is already in use port 8080 additional files to watch that will trigger server updates accepts an array of file paths or globs passed to chokidar watch works great with a separate bundler writing files to your output folder e g watch _site css watch show local network ip addresses for device testing showallhosts false use a local key certificate to opt in to local http 2 with https https key localhost key cert localhost cert change the default file encoding for reading serving files encoding utf 8 show the dev server version number on the command line showversion false added in dev server 2 0 the default file name to show when a directory is requested indexfilename index html added in dev server 2 0 an object mapping a urlpattern pathname to a callback function for on request processing read more below onrequest module exports function eleventyconfig eleventyconfig setserveroptions default values are shown whether the live reload snippet is used livereload true whether dom diffing updates are applied where possible instead of page reloads domdiff true the starting port number will increment up to configurable 10 times if a port is already in use port 8080 additional files to watch that will trigger server updates accepts an array of file paths or globs passed to chokidar watch works great with a separate bundler writing files to your output folder e g watch _site css watch show local network ip addresses for device testing showallhosts false use a local key certificate to opt in to local http 2 with https https key localhost key cert localhost cert change the default file encoding for reading serving files encoding utf 8 show the dev server version number on the command line showversion false added in dev server 2 0 the default file name to show when a directory is requested indexfilename index html added in dev server 2 0 an object mapping a urlpattern pathname to a callback function for on request processing read more below onrequest expand to see the full options list eleventy config js esm commonjs export default function eleventyconfig eleventyconfig setserveroptions change the name of the folder name used for injected scripts injectedscriptsfolder 11ty number of times to increment a port is already in use portreassignmentretrycount 10 alias for backwards compatibility renamed to injectedscriptsfolder in dev server 1 0 folder 11ty alias for backwards compatibility renamed to livereload in dev server 1 0 enabled true alias for backwards compatibility renamed to domdiff in dev server 1 0 domdiff true module exports function eleventyconfig eleventyconfig setserveroptions change the name of the folder name used for injected scripts injectedscriptsfolder 11ty number of times to increment a port is already in use portreassignmentretrycount 10 alias for backwards compatibility renamed to injectedscriptsfolder in dev server 1 0 folder 11ty alias for backwards compatibility renamed to livereload in dev server 1 0 enabled true alias for backwards compatibility renamed to domdiff in dev server 1 0 domdiff true read more about chokidar watch compatible paths for the watch option advanced chokidar configuration is available for a full list of encoding values supported by node also used in the content type http header check out node s buffer documentation using a root 404 html file a popular convention supported by netlify github pages vercel and others supported we use the content from a 404 html in your output folder when serving the error page for missing content try out the devcert cli package to generate a localhost key and certificate for https and http 2 play video new dev server preview weekly 3 new dev server preview weekly 3 play video shipping the new dev server weekly 4 shipping the new dev server weekly 4 play video dev server cli weekly 14 dev server cli weekly 14 7m43s onrequest for request time processing added in v3 0 0 added in dev server 2 0 0 use the new onrequest object to configure some of your project to use on request time processing the keys in this object represent strings from the url pattern api eleventy config js esm commonjs export default function eleventyconfig eleventyconfig setserveroptions onrequest function url will fallback to serve static files if we return any falsy value other than empty function url render an empty page return foo name function url pattern patterngroups patterngroups will include urlpattern matches e g foo zach name zach return status 200 headers content type text html body hello module exports function eleventyconfig eleventyconfig setserveroptions onrequest function url will fallback to serve static files if we return any falsy value other than empty function url render an empty page return foo name function url pattern patterngroups patterngroups will include urlpattern matches e g foo zach name zach return status 200 headers content type text html body hello works great with the process env eleventy_run_mode environment variable to change how your server operates during serve mode eleventy config js esm commonjs export default function eleventyconfig intercept all requests during serve mode if process env eleventy_run_mode serve eleventyconfig setserveroptions onrequest function url don t return any static files only show a help message return help i am trapped in the computer module exports function eleventyconfig intercept all requests during serve mode if process env eleventy_run_mode serve eleventyconfig setserveroptions onrequest function url don t return any static files only show a help message return help i am trapped in the computer advanced chokidar options access to advanced chokidar configuration is available via the eleventyconfig setchokidarconfig method on the watch and serve documentation swap back to browsersync added in v2 0 0 you can swap back to eleventy dev server using the setserveroptions configuration api and the 11ty eleventy server browsersync package first install it npm install 11ty eleventy server browsersync then enable it in your configuration file eleventy config js esm commonjs export default function eleventyconfig eleventyconfig setserveroptions module 11ty eleventy server browsersync default browsersync options shown port 8080 open false notify false ui false ghostmode false opt out of the browsersync snippet snippet false module exports function eleventyconfig eleventyconfig setserveroptions module 11ty eleventy server browsersync default browsersync options shown port 8080 open false notify false ui false ghostmode false opt out of the browsersync snippet snippet false view the full list of browsersync options play video fallback to browsersync weekly 4 fallback to browsersync weekly 4 3m55s setbrowsersyncconfig eleventyconfig setbrowsersyncconfig was the previous configuration api method used in versions of eleventy prior to v2 it was changed to be a no op in eleventy v2 it has no functional purpose other pages in watch and serve eleventy dev server vite back build awesome pro until may 28 19 6k star eleventy on github this is an easy way to support our underrated project and help boost our rank on both github and jamstack org s list of site generators read the blog follow on mastodon follow on bluesky subscribe to the newsletter watch on youtube star on github chat on discord twitter sponsors 757 supporters edit this page accessibility credits firehose style guide built with eleventy v4 0 0 statistics 19 6k stars 18m downloads awesomeverse font awesome web awesome podcast awesome blog awesome