▶️Creando mi primer DApp

Descubre cómo crear tu propio DApp, que te permite vender coleccionables digitales, facilitar el intercambio de tokens y compartir la experiencia con tus amigos.

En este widget específico podrás introducir tus colecciones destacadas o activos en venta. Para facilitarte la creación de tu primera DApp, hemos dividido toda la información en etapas (tanto en el asistente DexAppBuilder como en esta documentación).

En primer lugar introduce este enlace, que te llevará al backend donde crearás y gestionarás tus DApps. Ahora es más fácil desplegar cualquier dApp disponible en la plataforma.

Recuerda que ahora estás interactuando con un producto Beta, por lo que puede presentar comportamientos inesperados. Si encuentras alguno, por favor háznoslo saber en nuestro servidor de Discord.

¿Te apuntas? 🤓 Ahora conecta tu wallet haciendo clic en el botón ubicado en la esquina superior izquierda. Puedes usar Metamask o cualquier otra wallet Web3.

Todas tus wallets conectadas se mostrarán aquí, incluso las de hardware.

Primeros pasos

Sección de configuración

  1. Nombre de tu DApp (o nombre de dominio): Sé creativo, o simplemente sigue la línea de tu marca. ¡Importante! Ten en cuenta que esta es la única característica que no puede cambiarse una vez desplegada porque una vez en producción esta opción no puede editarse. Piensa bien en ello.

Asegúrate de que el nombre de dominio esté en minúsculas y sin caracteres especiales.

  1. Correo electrónico de la DApp: Este correo no se publicará y es el método de contacto que usaremos para enviarte (con tu consentimiento) nuestro boletín y, si eres usuario Premium, también recibirás allí tu factura. Deberás confirmar este correo tan pronto como crees la DApp.

Una vez que llenes el nombre de dominio y tu correo, pulsa en «Create App»

Después de rellenar ambas líneas, haz clic en el botón azul «CREATE APP», firma digitalmente en tu wallet. Aparecerá un mensaje emergente que necesitará tu autorización.

Las firmas digitales en la plataforma DexKit son seguras y gratuitas, por lo que puedes usar cualquier wallet, incluso sin fondos.

Si todo sale bien verás el siguiente modal:

Ahora pulsa en «View App» para visitar el backend.

General

  1. Logotipos. Se recomienda PNG o SVG 150*150px (imagen cuadrada). Al hacer clic en la imagen «DexAppBuilder by DexKit» se abrirá un menú de subida. Nosotros alojaremos tus imágenes por ti.

  2. Tamaños de logo para móvil y escritorio.

  3. URL del favicon. Se recomienda PNG o SVG 20*20px. Haz clic en el icono morado de Kittygotchi y sube tu imagen.

  4. Idiomas: Inglés (US) como idioma por defecto, Portugués, Español, Alemán, Francés, Italiano, Noruego y Checo.

  5. 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 subdominios de tu dominio y llamar a tu DApp desde allí.

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

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

Social

Añade enlaces personalizados haciendo clic en el botón «+Add custom».

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 entre más de 500 fuentes de Google para que se vea genial.

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:

Dentro de esta sección puedes colocar las páginas de tu DApp y hacer clic en cada una te permitirá colocar secciones preconstruidas por defecto (haciendo clic en el botón + ADD SECTION) o añadir una personalizada haciendo clic abajo en el botón «+ ADD CUSTOM SECTION». 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
Puedes arrastrar y soltar componentes para organizarlos en cada página.

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.

¿Sabías que puedes publicar cualquier NFT que quieras allí para vender? 👀 no necesitas ser el dueño. Simplemente usa los detalles del NFT y, si consigues una venta desde tu DApp, las comisiones serán tuyas 🥳

Páginas personalizadas

En esta sección los usuarios pueden añadir muchas opciones interesantes que no solo ayudan a que tu DApp luzca genial, sino que también sean útiles y funcionales para tus visitantes.

¡Sé creativo! ¡Ahora tienes más herramientas para ello! 👨‍🎨🖼👩‍🎨

¿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.

Consulta Configurando la barra de navegación para una explicación detallada.

Puede que notes que no siempre se te pedirá la firma digital si no haces clic en guardar y solo saltas entre secciones. Recomendamos guardar de forma progresiva para evitar perder tu progreso, por eso siempre te pedimos que firmes después de realizar cambios.

Añade todos los enlaces y menús que quieras en el pie de página de tu DApp.

Configuración de páginas 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.

Sección de comisiones

Comisiones del marketplace NFT

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 5%) para hacer atractivas tus ofertas. Después de terminar aquí, haz clic en «SAVE» y procede a la otra sección de comisiones, esta vez para la interfaz de swap.

Comisiones de swap

Aquí establecerás las comisiones que deseas recibir por las operaciones de intercambio de tus clientes. Dado que esta será una de las funciones más utilizadas en tu DApp, intenta usar porcentajes bajos aquí 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.

Importar tus colecciones NFT te permitirá usar todos los componentes predefinidos que ofrecemos para NFTs.

Sigue el ejemplo a continuación para añadir correctamente tus colecciones NFT:

  1. Haz clic en el botón "+ Add Collection"

  1. Rellena todos los campos para la colección NFT que vas a importar. En este caso deberás hacer todo esto manualmente. Simplemente no funciona como los tokens ERC20 😥 pero... ¡vamos! Tu DApp será la G.O.A.T 🐐

Estamos usando la colección de NFT más popular del momento.
  1. Puedes desactivar ventas secundarias para evitar que esa colección se venda en cualquier otro lugar que no sea tu DApp.

  2. Una vez que termines aquí pulsa el botón azul "Save".

Tokens

Elige los pares que quieres que se negocien en tu DApp. 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.

¿Necesitas más información? dirígete a la Importando tokens sección.

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.

Resumen

Si terminaste de completar todo el contenido, ¡Felicidades! 😻 recuerda guardar de nuevo y haz clic aquí para volver a la sección de administración 👇

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

Última actualización