Posts.📜Tag’d.🔖With.👇

  • nextjs
  • Posts

    Micro Frontends in NextJS with Webpack 5

    Webpack 5's Module Federation makes creating micro frontends straightforward. It is also available in NextJS 10+ via an experimental feature flag and it makes integrating micro frontends a breeze. You first build an external micro frontend and deploy it as a "federated module" to your destination of choice. Then you update some configs in your NextJS application and Webpack does the rest. It's kind of magic 🦄.

    AvatarKevin WangMarch 26, 2021

    25.33% Reduction in First Load JS with NextJS Dynamic Imports

    A play by play in successfully reducing first load JS bundle size by 25% with code splitting via dynamic imports, and getting all NextJS pages into the green zone.

    AvatarKevin WangMarch 15, 2021

    JAMStack CI/CD with Lerna, NextJS, CDK, and Github Actions

    Lerna, AWS CDK, and Github Actions make continuous integration and continuous delivery super easy. I figured out how to setup a CI/CD pipeline for my NextJS static apps backed by additional AWS infrastructure like Lambda functions, API Gateway, and Dynamo DB.

    AvatarKevin WangMarch 06, 2021