Empezando con plantillas

Para hacerlo aún más fácil para ti al comenzar, hemos creado algunas plantillas que puedes clonar, editar y usar en tu proyecto. Explicamos cómo hacerlo de manera simple.

Recuerda que siempre deberás desplegar tus propios contratos inteligentes. Los que aparecen en los productos son solo ejemplos.

Primeros pasos

En primer lugar, visita el catálogo de plantillas. Puedes elegir entre las disponibles para tu proyecto (esas plantillas son seguras de usar y fáciles de editar).

Una vez que estés en la plataforma debes conectar tu monedero haciendo clic en el botón en la esquina superior derecha.

Cuando tu monedero se conecte correctamente necesitarás hacer clic en el botón en la plantilla elegida. Esto te abrirá el formulario de inicio rápido donde solo deberás rellenar dos campos

• El dominio de tu DApp: swapland, cooldex... tu nombre es la esencia de tu producto! mantenlo corto, solo guiones bajos y sin caracteres especiales. El dominio y el hosting serán proporcionados por nosotros tudappname.dexkit.app, pero no tendremos ninguna intervención en tu DApp, así que tenlo en cuenta.
• El correo electrónico de tu DApp: Usaremos este correo electrónico para autenticarte y saber si eres una persona real. Te enviaremos un mensaje de verificación.

También podrás ver la vista previa de tu DApp en el lado derecho de la pantalla. Esa es la plantilla que estamos a punto de clonar.

Una vez que completemos los campos haremos clic en el botón y el siguiente aviso aparecerá en tu pantalla 👇

Haz clic en VER APLICACIÓN para ser redirigido a la sección administrativa.

Una vez que seas redirigido correctamente podrás ver todas las pestañas y secciones personalizables de forma global.

Configurando ajustes

General

1. Logotipos (modos oscuro y claro) Se recomienda PNG o SVG 150*150px (imagen cuadrada). Alojamoss tus imágenes por ti.
2. URL del favicon. Se recomienda PNG o SVG 20*20px. Haz clic en el icono morado de Kittygotchi y sube tu imagen.
3. Idiomas: Inglés (US) como idioma por defecto, Portugués, Español, Alemán, Francés, Italiano, Noruego y Checo.
4. Monedas: Dólar estadounidense, Euro, Real brasileño, Rupia india, Corona checa, Peso argentino, Franco suizo, Peso chileno, Bolívar venezolano y Naira nigeriana.

Dominio

Alojaremos tu DApp utilizando un servicio centralizado y fiable. Además estamos incluyendo una URL personalizada para tu DApp con *.dexkit.app como sufijo, por lo que no necesitarás comprar ningún dominio ni hosting para desplegarla.

Al mismo tiempo, mantenemos la sección de dominio personalizado, para que puedas usar uno de los CNAMEs de tu dominio y llamar a tu DApp desde allí.

Tenemos un buen tutorial aquí sobre cómo añadir una entrada CNAME en CloudFlare. También hicimos un video en YouTube realizando el procedimiento.

Al agregar tu CNAME siguiendo 'cname.vercel-dns.com' en tu proveedor de hosting también puedes añadir un registro tipo A, con '@' como Nombre y '76.76.21.21' si tienes problemas con la redirección.

Si no usas esta característica opcional puedes dejar el campo en blanco y continuar.

Equipo

Puede que quieras leer nuestra información completa sobre cómo configurar miembros del equipo y delegar permisos individualmente.

Versión

Guarda tu DApp cuando quieras y restaura el estado si no te gustan los cambios realizados. Esto también puede usarse para el branding estacional cuando deseas decorar tu DApp y no quieres tener que borrar todos los cambios que hiciste. Conserva una copia para el próximo año y no te preocupes por diseñar de nuevo.

Lee la documentación sobre ello para que aprendas a usar correctamente esta funcionalidad.

Propiedad

En esta sección puedes acuñar este diseño como un NFT en la blockchain de Polygon y venderlo en cualquier mercado. Si eres diseñador de DApps, esto puede ser una excelente oportunidad de negocio.

Consulta nuestra documentación para más detalles sobre cómo usar correctamente esta función

Redes sociales

Añadiremos más perfiles de redes sociales conforme recibamos más solicitudes. Después de terminar esta parte, haz clic en el botón azul «GUARDAR» y continúa.

Sección de diseño

Tema

Elige entre las combinaciones de colores disponibles actualmente o simplemente selecciona tus colores personalizados para ajustar a las directrices de tu marca. Elige también de nuestra selección de fuentes de Google para que se vea aún mejor.

Después de completar esta sección con tus colores, pulsa el botón azul «SAVE» en la esquina inferior derecha de la página. Firma digitalmente y continúa.

Páginas

Quizás esta sea la sección más importante e interesante de tu DApp ya que aquí puedes dejar volar tu imaginación para organizar los elementos disponibles en tu beneficio.

Revisemos los elementos principales que componen esta sección:

Verás en esta imagen que el único componente existente es el de swap. Esto se debe a que clonamos una plantilla de swap única.

Dentro de esta sección puedes poner secciones prediseñadas por defecto (haciendo clic en el botón + AÑADIR SECCIÓN) o agregar una personalizada haciendo clic abajo en el botón «+ AÑADIR SECCIÓN PERSONALIZADA». Lee más sobre las secciones por defecto y cómo usar cada componente.

Uso del tooltip

Ocultar en móvil

Ocultar en escritorio

Clonar sección

Vista previa de la sección

Editar sección

Eliminar sección

Mover sección hacia arriba

Mover sección hacia abajo

Crea las páginas que necesitarás para tu DApp. Ten en cuenta que la única página que tendrá los componentes preconstruidos es la de Inicio. Cada vez que crees una comenzará desde cero componentes.

🧙‍♂️ Consejo maestro: ¿planeas añadir muchos datos? crea una página completa de componente (sin ninguna información, solo el componente vacío) y clónala las veces que quieras. Será más fácil para ti añadir toda la información de los coleccionables / contratos después de construir la estructura básica.

¿Te divertiste en esta sección? 😁 Ahora guarda tu progreso en el habitual botón azul en la parte inferior de la página, firma digitalmente y pasemos a la siguiente parte.

Barra de navegación

Elige aquí qué quieres que se muestre en el menú superior de tus DApps. Haz clic en las flechas al final de cada elemento para cambiar posiciones. También puedes añadir más elementos de menú con el botón «+ AÑADIR MENÚ».

Aprovecha al máximo esta función visitando la documentación de configuración de la barra de navegación.

Menú del pie de página

Configurando SEO

Esta sección permitirá que tu DApp sea indexada por los motores de búsqueda más populares. Rellena ambos campos y sube la imagen para compartir que se verá cuando compartas el enlace de tu DApp usando el protocolo OpenGraph. Como siempre, recomendamos «SAVE» y continuar.

Analítica

Crea una nueva etiqueta de Google Analytics para tu DApp y pégala aquí. Recibirás todos los datos de los visitantes de tu DApp, lo que te permitirá conocer mejor a tu audiencia para posicionar mejor tu producto

Sección de comisiones

Tarifas de la DApp

Esta es una sección importante de tu marketplace de NFT

En esta sección podrás establecer una comisión para cada NFT comercializado en tu DApp. Aquí recomendamos no ser avaricioso y usar porcentajes bajos (del 1% hasta el 3%) con el fin de hacer tus ofertas atractivas. Después de terminar aquí, haz clic en «GUARDAR» y procede a la otra sección de tarifas, esta vez para la interfaz de swap.

Comisiones de swap

Otra sección crítica de tu DApp, presta atención por favor 👀

Aquí establecerás las comisiones que deseas recibir por las operaciones de intercambio de tus clientes. Ya que esta será una de las funciones más utilizadas en tu DApp, intenta usar porcentajes bajos aquí (hasta el 1%) si no quieres asustar a tus clientes 🏃‍♀️🏃‍♂️💨💨

Sección de datos

Importación de colecciones

Aquí colocarás todas las colecciones que tengas disponibles teniendo en cuenta que puedes elegir varias redes al mismo tiempo para cada una de ellas. Por ejemplo, puedes añadir la colección de nuestros adorables gatitos Kittygotchi NFT (en Ethereum, Polygon o Binance Chain) y a su vez podrás añadir tus colecciones NFT en otras redes que soportamos con liquidez descentralizada 0x.

Tokens

Elige los pares que quieres recibir a cambio de tus NFTs. En la lista encontrarás los pares más solicitados por la gente, teniendo en cuenta sus volúmenes de mercado pero, si presionas el añadir botón (dentro del rectángulo naranja), también puedes añadir cualquier token personalizado. Al hacer clic en el botón de la derecha importar se habilitarán listas de tokens populares en tu DApp. Siéntete libre de elegirlas también.

Al hacer clic en el botón «IMPORTAR» se abrirá este modal donde puedes buscar cualquier moneda listada en CoinGecko 🦎

Redes

En esta sección puedes elegir las redes disponibles en tu DApp. Esta función es muy útil al crear productos dirigidos a una red específica, como el lanzamiento de un token ERC20 o una colección de NFTs.

Haz clic en «Edit», elige las que vas a eliminar y luego guarda.

Analítica

Eventos

Eventos onchain

Aquí podrás ver todos los eventos onchain que ocurrieron en tu DApp. Mide correctamente y sin margen de error todas las transacciones en tu DApp

Eventos offchain

Rastrea referencias y otros eventos que ocurran en tu DApp.

Clasificación

¿Buscas recompensar la lealtad de tus usuarios? Ahora podrás hacerlo recopilando una gran cantidad de datos dentro de tu DApp, desde inicios de sesión hasta intercambios comerciales, listados, entre otras acciones. Asigna puntos a cada uno de ellos y crea tablas de clasificación completamente abiertas y justas.

Aprende más sobre esta increíble funcionalidad leyendo la documentación.

Integraciones

General

Añadimos integraciones de terceros para potenciar los casos de uso de tu DApp y mejorar el rendimiento. Para usar la integración de Darkblock debes leer su documentación y luego activar los selectores.

Resumen

Tu DApp está lista para lanzarse y solo necesitarás promocionarla. Además, no olvides que cada despliegue requerirá revisiones y gestión periódicas para mantenerlo funcionando sin problemas.

Sigue leyendo Managing esta herramienta desde y aprende cómo navegar en el área administrativa.