---
# System prepended metadata

title: 'Realizar un sitio web y un API con las siguientes tecnologías:'

---

# 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/
