diario de desarrollo 20251109

Aprende sobre el enfoque sostenible y cómo puede ser un paso más hacia la vida armoniosa. En este artículo, te brindamos información y consejos para una vida más responsable con el medio ambiente.

10 nov 2025 • 4 min de lectura • Equip Q2BSTUDIO

Enfoque sostenible: un paso más hacia la vida armoniosa

Diario de desarrollo 20251109: resumen y guía práctica para preparar un proyecto Next.js con Node.js y Amplify Gen 2 Sandbox, adaptado por Q2BSTUDIO, empresa especializada en aplicaciones a medida, software a medida, inteligencia artificial, ciberseguridad y servicios cloud AWS y Azure.

1. Desinstalación y limpieza: Desinstala Node.js desde el panel de control de Windows y elimina todos los directorios relacionados con npm y Next. Confirma que no quedan instalaciones ejecutando los comandos en la consola: node -v next -v npm -v. Asegúrate también de revisar y vaciar cualquier bucket S3 o stack en CloudFormation que pudiera quedar de pruebas previas.

2. Instalación de Node.js: Descarga e instala Node.js desde el sitio oficial y elige el instalador MSI para Windows si trabajas en ese sistema. Confirma la instalación ejecutando node -v y npm -v desde la terminal. Si trabajas en Windows recuerda ubicarte en el directorio donde crearás el proyecto, por ejemplo cd C:\Users\hiroo.

3. Configuración del proyecto Next.js: Crea el proyecto con el comando npx create-next-app@latest nombre-de-tu-aplicacion y arranca el servidor de desarrollo con npm run dev. Cuando el proyecto esté funcionando puedes cerrar la consola y continuar con la integración backend. Para proyectos corporativos y soluciones a medida confía en nuestra experiencia en desarrollo de aplicaciones y software multiplataforma.

4. Amplify Gen 2 Sandbox: Inicia el sandbox de Amplify con npx @aws-amplify/backend-cli sandbox. Antes de iniciar el sandbox elimina recursos residuales en AWS CloudFormation y cualquier bucket S3 remanente para evitar fallos al arrancarlo. Al ejecutar el sandbox por primera vez Amplify Gen 2 realiza las siguientes tareas: inicializa el proyecto Amplify conectándolo con la cuenta AWS y despliega recursos temporales para desarrollo. Genera además el fichero de configuración amplifyconfiguration.json necesario para que el frontend se conecte al backend.

Fases del proyecto y pasos detallados

Fase 1 Backend con Amplify Gen 2 y RDS: Define la infraestructura como código y despliega en AWS. Ajusta la conexión a PostgreSQL en amplify/data/resource.ts gestionando secretos y la conexión a VPC. Define la autenticación con Cognito en archivos como amplify/auth/resource.ts. Crea funciones Lambda mediante Amplify Functions para encapsular lógica de negocio y acceso a RDS y configura esas funciones para ejecutar dentro de una VPC. Valida localmente desplegando el sandbox y comprobando que el registro, inicio de sesión y accesos a datos funcionan correctamente. Recupera amplifyconfiguration.json generado por el sandbox para usarlo en el frontend.

Fase 2 Frontend con Next.js y aws-amplify: Inicializa la configuración de Amplify en el punto de entrada de la app Next.js, por ejemplo en _app.tsx, usando la librería aws-amplify y el fichero amplifyconfiguration.json. Implementa la interfaz de autenticación con Amplify UI o con UI personalizada y conecta signup y login con los servicios de Cognito desplegados. Implementa la capa de acceso a datos que invoque las Lambda configuradas para interactuar con RDS, usando el Amplify Data Client desde páginas y componentes Next.js. Finaliza la experiencia de usuario con las operaciones CRUD, diseño y navegación.

Fase 3 Despliegue y operación en producción con Amplify Hosting: Ajusta las últimas definiciones de conexión a RDS en amplify/data/resource.ts y sube el proyecto al control de versiones como GitHub. Configura Amplify Hosting desde la consola AWS o usando npx amplify pipeline y enlaza el repositorio. Activa la pipeline CI CD para que Amplify compile Next.js y despliegue el backend CDK con cada push a Git. Configura dominio personalizado y certificados SSL para HTTPS. Durante el despliegue Amplify crea los recursos definidos, despliega Lambdas dentro de VPC y genera el fichero de configuración para el frontend.

Notas operativas y cierre temporal: Para limpiar el sandbox hoy ejecuta ampx sandbox delete. Antes de eliminar ejecuta npm install @aws-amplify/backend-cli para asegurarte de disponer de la herramienta adecuada. La próxima sesión comenzaremos con ampx sandbox.

Sobre Q2BSTUDIO: Somos una empresa de desarrollo de software y aplicaciones a medida con amplia experiencia en inteligencia artificial aplicada a empresas, agentes IA, ciberseguridad y servicios gestionados en la nube como AWS y Azure. Trabajamos soluciones de inteligencia de negocio y Power BI, automatización de procesos y pentesting para ofrecer proyectos seguros y escalables. Si buscas elevar tu proyecto con soluciones cloud y software a medida podemos ayudarte con arquitecturas robustas y prácticas de seguridad. Conoce nuestros servicios cloud y migración en servicios cloud AWS y Azure y contáctanos para diseñar una solución personalizada que integre inteligencia artificial, ciberseguridad y business intelligence.

Palabras clave integradas naturalmente para SEO: aplicaciones a medida, software a medida, inteligencia artificial, ciberseguridad, servicios cloud aws, servicios cloud azure, servicios inteligencia de negocio, ia para empresas, agentes IA, power bi.

UNA PAUSA?

Juga una estona abans de marxar

ELS NOSTRES SERVEIS

Com et podem ajudar

Intel·ligència artificial

Agents d'IA, chatbots i assistents intel·ligents que automatitzen tasques i atenen els teus clients 24/7 per millorar l'eficiència del teu negoci.

Més info

Desenvolupament de programari

Aplicacions web, mòbils i d'escriptori, intranets, e-commerce, SaaS i plataformes de gestió dissenyades per a les necessitats concretes de la teva empresa.

Més info

Serveis cloud

Migració, infraestructura, hosting gestionat, alta disponibilitat i seguretat en Microsoft Azure i Amazon Web Services perquè el teu negoci escali sense límits.

Més info

Ciberseguretat i pentesting

Auditories de seguretat, test d'intrusió (pentesting) i protecció d'aplicacions, dades i infraestructura on-premise i cloud, amb hacking ètic i compliment normatiu.

Més info

Business Intelligence

Quadres de comandament i anàlisi de dades amb Power BI: integrem les teves fonts, dissenyem dashboards i KPIs i convertim les teves dades en decisions.

Més info

Automatització de processos

Automatitzem tasques repetitives i connectem les teves aplicacions amb n8n, Power Automate, Make i RPA, eliminant treball manual i augmentant la productivitat.

Més info

Formació per a empreses

Formem els teus equips en tecnologia amb criteri: desenvolupament web, bases de dades, Git, bones pràctiques i seguretat, automatització amb n8n, intel·ligència artificial per a empreses i creació de solucions d'IA amb Azure AI Foundry.

Més info

Auditoria de codi

Auditem el codi que creguis tu, el teu equip o una IA: et diem què està bé i què millorar, el securitzem i el deixem llest per a producció, web o app.

Més info

Generació d'imatges amb IA

Creem per tu les imatges que necessita el teu negoci amb intel·ligència artificial: producte, xarxes, publicitat, il·lustració i avatars. Tu ens dius què vols i t'ho lliurem llest per fer servir.

Més info

Generació de vídeos amb IA

Creem per tu vídeos amb intel·ligència artificial: promocionals, per a xarxes, presentadors virtuals, doblatge i animacions. Ens comptes la idea i t'ho lliurem muntat i llest per publicar.

Més info

Avatars conversacionals amb IA

Creem avatars conversacionals amb IA —humans digitals amb cara i veu— que atenen els teus clients i equips amb el coneixement de la teva empresa, a la teva web, monitors interactius, WhatsApp o Teams.

Més info

Màrqueting Online i IA

Google Ads, Meta Ads, LinkedIn Ads i posicionament en motors d'IA (GEO/AEO): captem clients i fem que la teva marca aparegui on et busquen, també a ChatGPT, Gemini i Perplexity.

Més info

Tens un projecte en ment?

Explica'ns la teva visió i la convertim en una solució de programari. Sigui quin sigui l'abast, fem realitat la teva idea.

Live Chat