`}};customElements.define("site-search",m);(function(){let r=document.querySelector(".page-header"),e=document.querySelector("[data-site-nav-toggle]");new ResizeObserver(([n])=>{document.documentElement.style.setProperty("--ntl-page-header-height",`${n.contentRect.height}px`)}).observe(r),e&&e.addEventListener("click",function(){let n=this.getAttribute("aria-expanded")==="true"||!1;document.documentElement.toggleAttribute("data-site-nav-open",!n),this.setAttribute("aria-expanded",!n)})})();
Mini case study

Lodash

JavaScript Utility Library

Lodash is one of the most popular JS libraries in the World with more than 2 billion downloads.

It accounts for 4% of npm’s weekly download traffic and it’s directly depended upon by more than 27,000 packages and indirectly depended upon by 100,000 packages (30% of npm packages).

It’s used by more than Underscore, React, Ember & Angular 2. Combined.

Read more about it and why John Dalton & Co. chose Netlify for Lodash.com below…

Featuring

John-David Dalton

John-David Dalton

Creator, Lodash

What is it?

Lodash is JavaScript utility library. After 4 years of having a PHP based website it was time for a redesign. I wanted the site to be open source & run on a gh-pages friendly stack. Netlify took things to the next level. Lodash.com uses a service worker to download the entire site for offline use on your first visit. It also uses resource hints (prefetch, preconnect, preload, & prerender) for speedier page loads. [The site gets more than 400,000 page views a month.] Resource hints that I compiled with the Netlify build cmd into a headers file. The build cmd invokes a Gulp task to generate app icons, headers, redirects, compile JS, & minify resources. I use custom headers to enforce security headers like CSP too.

One of the cool bits is that we’re actually compiling in the _redirects into the service worker so that redirects work even when offline. It also makes query strings pass through for redirects too.

Why Netlify?

I originally chose Netlify because of its HTTPS support for custom domains. After trying it I quickly found that it offered a freedom of build process, jekyll plugins, redirects, & header configs that ended up being critical to lodash.com.

Favorite Feature?

I love how painless everything is. Setting up HTTPS, redirects, headers, GeoIP, build processes were all super simple. And if I had a question it was answered fast. (You all rock. I’m spreading the word.)

Netlify Features used

  • Redirect Rules
  • Rewrite Rules
  • Proxy Rules
  • Custom HTTP Headers
  • Cached Dependencies
  • Git Integration
  • Outbound Webhooks
  • Outbound Integrations
  • Continuous Delivery
  • Rollbacks
  • Web UI
  • Deploy previews
  • HTTPS
  • Deploy previews

Tools & Frameworks used

  • Grunt
  • Babel
  • Jekyll
  • React
  • Sass