Nextjs Toast Notify es una librería ligera y moderna para mostrar notificaciones (toasts) en tus aplicaciones. Fácil de integrar, sin dependencias, tipada con TypeScript y compatible con Next.js, React o cualquier proyecto web. También funciona sin framework vía CDN en proyectos HTML/JS puros.
npm install nextjs-toast-notifyyarn add nextjs-toast-notify1showToast.success("¡La operación se realizó con éxito!", {
2 duration: 4000,
3 progress: true,
4 position: "top-right",
5 transition: "bounceIn",
6 icon: '',
7 sound: true,
8 });Nextjs Toast Notify es tan versátil que no solo funciona con frameworks como React, Next.js, Vue.js, Svelte, sino que también puedes usarlo en proyectos con HTML, CSS y JavaScript vanilla mediante CDN.
1<!DOCTYPE html>
2<html lang="es">
3 <head>
4 <meta charset="UTF-8" />
5 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6 <title>Nextjs Toast Notify con CDN</title>
7 </head>
8 <body>
9 <button id="show-toast">Mostrar Toast</button>
10
11 <script src="https://unpkg.com/nextjs-toast-notify@1.47.0/dist/nextjs-toast-notify.js"></script>
12 <script>
13 document.getElementById("show-toast").addEventListener("click", () => {
14 showToast.success("Hola a todos los Devs de JavaScript!", {
15 duration: 5000,
16 position: "top-right",
17 transition: "topBounce",
18 icon: "",
19 sound: true,
20 });
21 });
22 </script>
23 </body>
24</html>💡 ¿Por qué es tan fácil?
Súmate a la comunidad de Devs que ya están elevando la experiencia de usuario con Nextjs Toast Notify.
Te va a volar la cabeza 🤯 cuando veas lo fácil, rápido y totalmente personalizable que es.