Nuxt module for Laravel Echo integration to get a seamless experience with application broadcasting.

• Documentation
• Features
• Quick Setup
• Release Notes

• Sanctum-based authentication
• CSRF cookie management for Private and Presence channels
• CSR-only mode
• TypeScript support

Note: Before using this module, make sure you have a Laravel Echo server running and properly configured.

Install the module to your Nuxt application with one command:

npx nuxi module add nuxt-laravel-echo

Then provide the configuration in your nuxt.config.js:

export default defineNuxtConfig({ modules: ['nuxt-laravel-echo'], echo: { key: 'REPLACE_ME', // Your Laravel Echo app key authentication: { baseUrl: 'laravel.test', // Your Laravel app URL }, }, })

Also, to enable Dev server compatibility with Pusher, you need to add the following Vite configuration to your nuxt.config.js:

export default defineNuxtConfig({ vite: { optimizeDeps: { include: ['pusher-js'], }, }, })

That's it! You can now use Nuxt Laravel Echo in your Nuxt app ✨

If you want to contribute to this project and make it better, your help is very welcome. Check the Contribution Guide for more information.