Integrar Neftify Connect con NextJS
Guía breve para añadir la conexión de carteras a tu sitio web
Antes de empezar, esta guía asume que tienes una aplicación NextJS existente o que ya has inicializado una. Para obtener más información, consulta la documentación de NextJS docs.
Instalación de paquetes
Tu componente React utilizará la base @neftify/connect como referencia para los tipos y métodos, necesitarás instalar los paquetes: @neftify/connect
y @neftify/connect-react
.
Una vez instalado, comprueba que el archivo package.json contiene las dependecias de @neftify/connect
y @neftify/connect-react
Transpilación de modulos
Dado que NextJS no transpila ni agrupa node_modules
en la compilación del servidor (SSR), es necesario ajustar la configuración de “Next webpack” para transpilar los módulos ES del componente web.
Afortunadamente, hay un módulo NPM para esto — next-transpile-modules
— que permite especificar qué módulos transpilar, así que tienes que configurarlo en tu proyecto. Primero, instala next-transpile-modules
.
Luego, en el archivo next.config.js
, llama al paquete de componentes dentro de la matriz next-transpile-modules
para que sepa qué módulos transpilar. Si no hay un archivo next.config.js en tu proyecto, crea uno.
Utilizando el componente
La carga diferida ayuda a mejorar el rendimiento de la carga inicial y los componentes sólo se importan y se incluyen en el paquete de JavaScript cuando se utilizan.
Acerca de Neftify
Neftify Connect aún está en fase de pre-alfa, pero te invitamos a probarlo y a darnos tu opinión.
Para saber más sobre Neftify.
Visita el sitio web o consulta nuestro Twitter. Si tienes alguna pregunta, envíanos un DM y un miembro del equipo te responderá.