<h2>Overview:</h2>
<p>AuthJS Nuxt is an experimental Nuxt module that is currently in its alpha stage. It is designed to be edge compatible and uses the Auth.js core implementation. This package provides a starting point and reference implementation for integrating Auth.js with Nuxt.</p>
<h2>Features:</h2>
<ul>
<li><strong>Edge compatibility</strong>: AuthJS Nuxt is designed to work on the edge and is compatible with the latest versions of Nuxt.</li>
<li><strong>Integration with Auth.js</strong>: This module uses the Auth.js core implementation, providing a seamless integration with Nuxt.</li>
<li><strong>Documentation and examples</strong>: The package includes comprehensive documentation and working examples that can be found on the website and in the repository.</li>
</ul>
<h2>Summary:</h2>
<p>AuthJS Nuxt is an experimental Nuxt module that provides edge compatibility and integration with the Auth.js core implementation. It offers a starting point and reference implementation for using Auth.js with Nuxt. The package includes documentation, examples, and welcomes contributions from the community.</p>


<h2>Overview</h2>
<p>Nuxt Form Actions is a package that provides convenient paradigms for handling form submissions and loading data from a server in a Nuxt.js application. It offers both Form Actions, which allow data to be sent to a server using native HTML forms, and Server Loaders, which enable loading of type-safe data from a server into pages and components without the need for manual API fetching.</p>
<h2>Features</h2>
<ul>
<li><strong>Form Actions</strong>: Send data to a server using native HTML forms that can be progressively enhanced.</li>
<li><strong>Server Loaders</strong>: Load type-safe data from a server into pages and components without manual API fetching.</li>
</ul>
<h2>Summary</h2>
<p>Nuxt Form Actions is a handy package that provides convenient ways to handle form submissions and load data from a server in a Nuxt.js application. With its Form Actions feature, you can easily send data to a server using native HTML forms that can be progressively enhanced. The Server Loaders feature allows you to load type-safe data from a server into your pages and components without manually fetching from an API route. It is easy to install and use, making it a valuable tool for developers working with Nuxt.js.</p>


<h2>Overview</h2>
<p>The Gatsby Remark Component is an intriguing tool for those looking to enhance their Gatsby-built websites with custom components in markdown. Although this package is now archived and not actively maintained, it offers valuable capabilities that might still meet the needs of developers exploring how to effectively integrate custom components with markdown files. Its innovative approach to modifying the AST node parent allows for seamless rendering of React components without running into validateDOMNesting warnings.</p>
<h2>Features</h2>
<ul>
<li><strong>Custom Component Detection:</strong> Automatically identifies and incorporates your custom components into markdown, streamlining the development process.</li>
<li><strong>AST Node Modification:</strong> Changes the Abstract Syntax Tree (AST) node parent to a div, allowing for more flexible component rendering.</li>
<li><strong>Explicit Component Declaration:</strong> Offers the ability to explicitly declare component names for stricter control over component rendering, disabling auto-detection if necessary.</li>
<li><strong>Query Integration:</strong> Builds your GraphQL queries dynamically from the components, ensuring that all necessary data is available for rendering.</li>
<li><strong>Version Updates:</strong> Recently introduced new configuration options to enhance usability and functionality, making it easier to integrate with your existing setup.</li>
<li><strong>Warning-Free Rendering:</strong> Eliminates the risk of validateDOMNesting warnings when rendering components through markdown, leading to cleaner code.</li>
<li><strong>Community Support:</strong> Although archived, the community-driven nature of the package has led to forks, allowing ongoing support and enhancements.</li>
</ul>


<h2>Overview</h2>
<p>The Hebilicious Nuxt Module Starter Template presents an effortless way for developers to kickstart their own Nuxt modules. Built on modern tools like Pnpm and Bun, this template provides a robust foundation packed with essential features and configurations, making the development process smoother. Whether you're starting fresh or looking to streamline an existing module, this template covers a wide array of needs, encapsulating best practices and advanced functionalities.</p>
<p>With its user-friendly setup and comprehensive features, the starter module caters to developers aiming to create ESM/CJS valid packages with intuitive documentation and integrated testing frameworks. It's designed to help both newcomers and seasoned developers get up and running quickly, ensuring a productive development experience.</p>
<h2>Features</h2>
<ul>
<li><strong>Pnpm Monorepo:</strong> Leverages Pnpm's efficient monorepo management, allowing for seamless management of multiple packages in a single repository.</li>
<li><strong>Bun Script Runner:</strong> Utilizes Bun as a modern script runner, optimizing build times and enhancing performance.</li>
<li><strong>Nuxt Module Build:</strong> Simplifies the building process with <code>nuxt-build-module</code>, aiding in creating packages compatible with Nuxt.</li>
<li><strong>ESM/CJS Valid Package:</strong> Supports both ECMAScript and CommonJS modules, complete with MTS and CTS declaration files for type safety.</li>
<li><strong>Documentation with Vitepress:</strong> Offers well-structured documentation generated by Vitepress, ensuring users have clear guidance throughout their development.</li>
<li><strong>Testing with Vitest:</strong> Incorporates Vitest for streamlined testing capabilities, allowing you to ensure module reliability before release.</li>
<li><strong>Continuous Integration Support:</strong> Configured for CI with GitHub Actions and Bun, ensuring a robust release cycle.</li>
<li><strong>Conventional Commits:</strong> Promotes best practices in commit messages with conventional commits, enhancing project tracking and collaboration.</li>
</ul>


<h2>Overview:</h2>
<p>Server Block Nuxt is an experimental Nuxt module that adds server block support in your pages components. It allows you to write API handlers conveniently within your pages components.</p>
<h2>Features:</h2>
<ul>
<li><strong>Server Block Support:</strong> Write API handlers within your pages components.</li>
<li><strong>Automatic Installation:</strong> The module and volar extension are installed automatically when you add the module to your Nuxt config.</li>
<li><strong>Custom Routes:</strong> Override the default route convention with the path attribute.</li>
<li><strong>Multiple HTTP Methods Support:</strong> All HTTP methods are supported for server block handlers.</li>
<li><strong>Clear Boundary:</strong> &#x3C;server> blocks are completely removed from the Single File Component (SFC) and don't interfere with &#x3C;template> or &#x3C;script> tags.</li>
<li><strong>Syntax Highlighting:</strong> Works in environments that use the lang attribute.</li>
<li><strong>No Need for defineServerProps or Loaders:</strong> You can combine Server Block Nuxt with other libraries for form actions and loaders.</li>
<li><strong>Gitignore File Generation:</strong> A .gitignore file will be generated to exclude the generated files from being committed to your repository.</li>
</ul>
<h2>Summary:</h2>
<p>Server Block Nuxt is an experimental Nuxt module that adds server block support to your pages components. It allows you to conveniently write API handlers within your pages components. The module automatically installs the volar extension and provides features such as custom routes, support for multiple HTTP methods, and a clear boundary between the server block and other parts of the Single File Component. It also generates a .gitignore file to exclude the generated files from being committed to your repository. Feedback, issues, and contributions are welcome.</p>


<h2>Overview</h2>
<p>Vue Query Nuxt is an innovative module designed to seamlessly integrate Vue Query into your Nuxt applications. It eliminates the need for complex configurations, offering a lightweight solution right out of the box. This makes it an attractive choice for developers looking to enhance their application's data-fetching capabilities without the overhead of tedious setup processes.</p>
<p>The module not only simplifies integration but also maintains full compatibility with the Vue Query API, ensuring you have access to powerful data management tools while working within the Nuxt framework. With its straightforward installation and configuration options, Vue Query Nuxt is an essential tool for developers aiming to streamline their workflow and boost productivity.</p>
<h2>Features</h2>
<ul>
<li><strong>Zero Configuration</strong>: Enjoy immediate functionality without the hassle of extensive setup; it's all ready to go straight after installation.</li>
<li><strong>Auto Imports</strong>: Automatically imports Vue Query composables, making it easier to utilize data-fetching and caching features in your components.</li>
<li><strong>Advanced Configuration</strong>: Customize your setup easily with options available in the <code>nuxt.config.ts</code> file, allowing for tailored settings as needed.</li>
<li><strong>Typing Support</strong>: All configurations are typed, ensuring that you maintain type safety and reduce the risk of errors during development.</li>
<li><strong>Flexible Plugin Modification</strong>: Create a <code>vue-query.config.ts</code> file to modify the plugin's installation process, enabling you to run custom logic during setup.</li>
<li><strong>Community Contributions</strong>: Open to contributions, this module invites developers to participate in enhancing its features, ensuring a continually evolving tool.</li>
</ul>


Hebilicious

Authjs Nuxt

Form Actions Nuxt

Gatsby Remark Component

Nuxt Module Template

Server Block Nuxt

Vue Query Nuxt