Ensure your Next.js app's performance is top-notch with Lighthouse CI and GitHub Actions

• lighthouse-ci

  18 6,267 7.2 JavaScript

  Automate running Lighthouse for every commit, viewing the changes, and preventing regressions

  

TLDR; I use the Google Chrome Lighthouse CI with a .lighthouserc json configuration to test next start. The Lighthouse CI GitHub app is used to return a pass or fail status check in a PR.

• lighthouse-ci

  2 - -

Now that we have Lighthouse set up and running in our local environment, we want to use GitHub actions to run Lighthouse checks every time we push a new commit. To do this, we will use the Lighthouse CI app from the GitHub marketplace. This app will post the results of the Lighthouse audit to our pull request. To use it, enable the app in your organization or account and save the LHCI_GITHUB_APP_TOKEN as a secret in your GitHub repository.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

Suggest a related project