Que es Next JS y Hola Mundo

Frontend Sin categoría

Next JS de la mano con React JS nos dan la posibilidad de crear aplicaciones de alto potencial, para ello debemos tener las nociones básicas para trabajar con Next JS, en este artículo te enseñaremos a dar tus primeros pasos con este potente Framework.

Que es Next JS

Next JS es un framework basado en React JS, es decir nos ayuda a crear aplicaciones Reactivas que el servidor se encarga de renderizarla. Es muy ligero y práctico por lo que el desarrollo de aplicaciones con Javascript y React JS se nos hace más rápido y con pocas complicaciones.

imagen: nextjs.org

Instalación de Next JS

Nota: Para trabajar con Next JS es vital que instales Node JS para gestionar comandos y demás acciones. Te recomendamos revisar este tutorial y seguir los pasos correspondientes para que instales Node JS.

Crea o ve a la carpeta de tu proyecto al cual le instalarás Next JS, paso seguido debemos crear un archivo package.json para gestionar nuestro proyecto, para crearlo y configurarlo ejecutamos el siguiente comando

Seguimos los pasos y dejamos configurado nuestro archivo package.json

Vamos a desplegar React JS y Next JS en el DOM con el siguiente comando

Una ves que termina de desplegar react con next Abre el archivo package.json y agregale 3 scripts

El código completo del archivo package.json quedaría así

Hola Mundo

Bien ahora para ser ordenados creamos una carpeta llamada pages y dentro de esta carpeta creamos el archivo index.js le agregamos el siguiente contenido

Ejecutamos el siguiente comando para lanzar el servidor

Abrimos nuestro navegador el servidor local de Next JS escribimos http://localhost:3000 y veremos nuestra primera aplicacion Hola Mundo con Next JS

Síguenos en nuestras Redes Sociales para que no te pierdas nuestros próximos contenidos.

Newsletter

Suscríbete a Nuestro Boletín de Novedades:

(Luego de la suscripción no te va salir ningun mensaje. Solo revisa tu bandeja de Correo para confirmar tu suscripción)
* indicates required