danielroe.dev / nuxt-capo
[READ-ONLY] Mirror of https://github.com/danielroe/nuxt-capo. capo.js implementation for Nuxt 3
nuxt-module
0
Fork 0

Configure Feed

Select the types of activity you want to include in your feed.

TypeScript 85.8%
JavaScript 4.5%
Vue 1.3%
Other 8.5%
516 8 2

Clone this repository

https://git.vm.fail/danielroe.dev/nuxt-capo https://git.vm.fail/did:plc:zwhvghweippfcbwaeyds5y6z
ssh://git@knot1.tangled.sh:2222/danielroe.dev/nuxt-capo ssh://git@knot1.tangled.sh:2222/did:plc:zwhvghweippfcbwaeyds5y6z

For self-hosted knots, clone URLs may differ based on your setup.


Download tar.gz Download .zip
README.md

capo.js for Nuxt#

npm version npm downloads Github Actions Codecov nuxt.care health

capo.js implementation for Nuxt 3

What is Capo.js#

Capo.js is a small snippet that identifies ways to boost the (perceived) performance of your page, by changing the order of elements in the page's <head> section.

Features#

  • ✨ validates your <head> in dev mode and when prerendering pages
  • 🔎 visualises optimal head configuration

Installation#

Install and add nuxt-capo to your nuxt.config.

npx nuxi@latest module add capo

export default defineNuxtConfig({
  modules: ['nuxt-capo'],
})

Usage#

That's it! You should now see debugging info and suggestions when server rendering your routes
Optimal head configuration Suggestions for head

Credits#

Thanks to @rviscomi for making capo.js!

💻 Development#

  • Clone this repository
  • Enable Corepack using corepack enable
  • Install dependencies using pnpm install
  • Stub module with pnpm dev:prepare
  • Run pnpm dev to start playground in development mode

License#

Made with ❤️

Published under the MIT License.