Everybody wants smaller JavaScript bundles. In this video Lucie Haberer and I explore a way to reduce bundle sizes in Nuxt.

  1. We explore data abstraction and moving data mapping to a data layer that is only accessed by the asyncData or Fetch.
  2. We discuss moving bigger functionality to serverless API's
  3. We show how to make smaller "named" webpack chunks

This video is in-depth (25 mins), have a seat, take your time and enjoy. Happy optimizing! Beware, this works best for statically rendered Nuxt projects.

Follow Lucie here: