# Realizar un sitio web y un API con las siguientes tecnologías: - NodeJS - React - Next.js - Mongodb por medio de https://www.mongodb.com/es/cloud/atlas **Es necesario tener instalado Nodejs con NVM [MAC/Linux](https://github.com/nvm-sh/nvm) o [Windows](https://github.com/coreybutler/nvm-windows)** **Duración del proyecto:** 3 días ## Sitio Web en React con Next.js ### 1. Crear un repositorio público para el sitio web Crear un repositorio público en su cuenta de github publica llamado **web-app-softwareland** ### 2. Crea el enviroment en next.js Next.js es un framework que permite crear sitios con react y renderizarlos en el servidor, puedes encontrar más información aquí https://vercel.com/guides/deploying-nextjs-with-vercel ### 3. Crear página web Siguiendo los pasos del siguiente tutorial realizar la página web, es importante que el texto y las imagenes sean diferentes al del tutorial https://levelup.gitconnected.com/create-landing-page-by-nextjs-re-ba37c2328aa8 ### 4. Publicarlo en Vercel.com Una vez que se haga la página web en react y next.js, hay que subirlo a https://vercel.com pueden encontrar más información aquí https://vercel.com/guides/deploying-nextjs-with-vercel ## API en Nodejs ### 1. Crear un repositorio público para el API Crear un repositorio público en su cuenta de github publica llamado **api-softwareland** ### 2. Crear una cuenta o una base de datos gratuita de Mongodb Con https://www.mongodb.com/es/cloud/atlas crear una cuenta y una base de datos gratuita para el desarrollo. ### 3. Crear un API de tareas Con Nodejs realizar un API de tareas como lo indican en el siguiente tutorial: https://www.codementor.io/@olatundegaruba/nodejs-restful-apis-in-10-minutes-q0sgsfhbd ### 4. Publicarlo en Vercel.com Una vez que se haga el API en nodejs, hay que subirlo a https://vercel.com pueden encontrar más información aquí https://vercel.com/guides/deploying-a-mongodb-powered-api-with-node-and-vercel ## Es importante que nos envíe lo siguiente: Repositorio del sitio web: https://github.com/**[user]**/web-app-softwareland Página de Versel del sitio web: https://**[nombre-del-proyecto]**.vercel.app/ Repositorio del API: https://github.com/**[user]**/web-app-softwareland Página de Versel para el API: https://**[nombre-del-proyecto]**.vercel.app/