laravel-reverb-nuxt

Laravel Reverb Nuxt

🔥 The Simplified Laravel Reverb Plugin for - Nuxt JS!

• ✨  Release Notes

Features

• 🔥 Blazing Speed: Provides outstanding performance for real-time information with no lags.
• Scalability: Grow with your applications to handle increased user traffic.
• Seamless Integration: It works with broadcasting features added to Laravel and Laravel Echo to make development simple.
• Push Updates: Push updates, messages, or events to clients to share your information instantly.
• Built-in Security: Data encryption and authentication assurance for security communication.

Quick Setup

Install the plugin to your Nuxt application with one command:

yarn add laravel-reverb-nuxt
# or
npm i laravel-reverb-nuxt

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

You can also define options as below (defaults in example):

export default defineNuxtConfig({
  // ...
  modules: [
    'laravel-reverb-nuxt'
    // ...
  ],
  reverbConfig: {
    REVERB_APP_ID: '222100',
    REVERB_APP_KEY: 'al6dfmhmr3oxqgbgpyht',
    REVERB_APP_SECRET: 'vpdu8yljg6npzejzl0vi',
    REVERB_HOST: 'localhost',
    REVERB_PORT: 8080,
    REVERB_SCHEME: 'http'
  }
})

Usage

<template>
  <div>
    Laravel Reverb Nuxt
  </div>
</template>

<script setup>
onMounted(() => {
  reverb().channel('chat').listen('Example', (event) => {
    console.log(event);
    // Start your logic here 
  });
})
</script>