Overview:
Nuxt Zero JS is a tool that allows you to remove all client-side JavaScript from your Nuxt 3 app. This can be useful for improving performance and reducing the reliance on JavaScript in your application.
Features:
- Completely removes preload/prefetch hints for JS bundle: This feature removes any preload or prefetch hints that are added to the HTML for the JavaScript bundle.
- Removes
<script>tag for payload and JS bundle: Nuxt Zero JS removes the<script>tag that is typically used to load the JavaScript bundle and payload. - Leaves your own head tags intact: This tool ensures that any custom head tags that you have added to your Nuxt app are not affected.
Installation:
To install Nuxt Zero JS, follow these steps:
- Clone the Nuxt Zero JS repository.
- If you are using Node.js version less than 16.10, enable Corepack by running
corepack enable(you can also install Corepack globally withnpm i -g corepack). - Install the dependencies using
pnpm install. - Stub the module by running
pnpm dev:prepare. - Start the playground in development mode by running
pnpm dev.
Summary:
Nuxt Zero JS is a tool that removes all client-side JavaScript from your Nuxt 3 app. It provides features to remove preload/prefetch hints, the <script> tag for the JavaScript bundle, while keeping your custom head tags intact. Installation is straightforward and requires cloning the repository, enabling Corepack if necessary, and running a few commands. This tool can be useful in improving performance and reducing the reliance on JavaScript in your Nuxt app.