Creación de Aplicaciones Web3 con NEAR
Autor: América Castro. Publicado 17 de Abril de 2024
En la vanguardia de la evolución digital, la Web3 representa la próxima generación de Internet, que transiciona del dominio de grandes corporaciones hacia una arquitectura descentralizada. Esta nueva era se caracteriza por la utilización de blockchain, una tecnología que distribuye los datos a través de múltiples nodos, eliminando así los puntos centrales de control y vulnerabilidad.
En el corazón de la Web3 se encuentran las aplicaciones descentralizadas, o dApps, que operan sobre esta infraestructura usando contratos inteligentes para ejecutar operaciones automáticamente y de forma segura sin intermediarios.
Para los desarrolladores web familiarizados con tecnologías cliente-servidor, la Web3 y las dApps ofrecen un cambio paradigmático hacia un modelo en el que los usuarios controlan sus datos y las interacciones son inherentemente transparentes y seguras.
NEAR Protocol emerge como una plataforma clave en este espacio, simplificando la transición hacia Web3.
NEAR facilita el desarrollo y la interacción con dApps, integrando características como la creación de cuentas al estilo de los métodos de inicio de sesión convencionales y la cobertura de los costos de transacción, lo que permite a los usuarios y desarrolladores centrarse más en la experiencia y menos en las complejidades de la blockchain. Así, NEAR no solo democratiza el acceso a la tecnología blockchain, sino que también amplía su potencial práctico, haciendo que Web3 sea accesible y atractivo para una audiencia global más amplia.
Preparativos Iniciales para la Creación de Aplicaciones Web3 con NEAR
Antes de comenzar en el desarrollo de aplicaciones descentralizadas utilizando NEAR, es esencial preparar el entorno de desarrollo.
Aquí te guiamos a través de los pasos para configurar tu estación de trabajo, desde la instalación de las herramientas necesarias hasta la configuración inicial del proyecto. (Todo desde la red testnet de NEAR)
Configuración del entorno de desarrollo
Sí, ya probaste nuestra guía:
Entonces, ya debes tener instalado Node.js.
Tener Node.js es fundamental porque permite ejecutar JavaScript en el servidor, y es utilizado por muchas herramientas y librerías en el desarrollo de aplicaciones Web3.
Entonces te recomendamos pases por la guía: Creando tu primer Smart Contract con JavaScript en NEAR Protocol y luego pases por acá para hacer tus primeras pruebas creando una aplicación web3.
Continuamos con los pasos suponiendo que ya tienes instalado Node.js y NEAR CLI.
npm install -g near-cli- Verifica la instalación de Node.js :
- Abre una terminal o línea de comando y ejecuta:
node -vy
npm -vPara verificar que Node.js y npm (el gestor de paquetes de Node.js) estén correctamente instalados. Deberías ver las versiones instaladas de cada uno.
2. Haz login con tu cuenta NEAR Testnet.
near loginUso de npx create-near-app para configurar el proyecto inicial.
create-near-app es una herramienta de línea de comando que te permite configurar rápidamente un nuevo proyecto de dApp en NEAR, incluyendo todo lo necesario para empezar a desarrollar y desplegar tu aplicación.
- Crear un nuevo proyecto:
- En tu terminal, navega al directorio donde deseas crear el proyecto y ejecuta:
npx create-near-app@latest- Sigue las instrucciones en la pantalla interactiva para seleccionar las opciones:
- A NEAR Gateway (Web App): Esta será una app plantilla que interactúa con un contrato NEAR y con componentes de NEAR
- Ahora seleccionarás el framework para visualizar el frontend. Selecciona NextJs (Classic). React y Next.js para el frontend, y configurar el entorno de desarrollo.
2. Instalación de dependencias:
- Una vez generado el proyecto, navega al directorio del mismo ejecutando:
cd <mi-proyecto-near>
3. Instalando pnpm
(pnpm es un gestor de paquetes alternativo para Node. js que significa “Performant NPM”.)
Si notas que pnpm no está instalado, puedes instalarlo fácilmente con el siguiente comando:
npm install -g pnpm
Este comando instalará pnpm globalmente, permitiéndote usarlo en cualquier proyecto.
Con lo anterior listo podemos ejecutar dentro de nuestro proyecto el código
pnpm install para instalar las dependencias necesarias.
4. Iniciar el servidor de desarrollo:
- Ejecuta pnpm run dev para iniciar el servidor de desarrollo.
pnpm run devEsto te permitirá ver tu aplicación ejecutándose localmente en el puerto http://localhost:3000. (este paso puede demorar algunos minutos)
Con estos pasos completados, tu entorno de desarrollo está listo y puedes comenzar a desarrollar tu aplicación Web3 utilizando NEAR.
Interactúa con la Página de inicio (frontend en línea de tu dapp de prueba)
Una vez iniciada la aplicación, verás el “landing page” en línea, que presenta una barra de navegación que permite a los usuarios iniciar sesión utilizando tu billetera NEAR (Testnet o Mainnet).
Interactúa con la dapp de prueba. Por ejemplo, puedes cambiar el saludo de inicio.
También, puedes interactuar con los componentes que ya vienen incluidos en la plantilla de dapps de prueba. Prueba el botón “Web3 Components.”
Documentación y Recursos Adicionales
Documentación de NEAR: Consulta regularmente la documentación oficial de NEAR para obtener información actualizada y guías sobre desarrollo en NEAR. https://docs.near.org/build/web3-apps/quickstart
Comunidad NEAR para Dev: Participa en foros de la comunidad y Discord de NEAR Dev para obtener ayuda y compartir tus experiencias.
