Icono del sitio Blog de Programación y Desarrollo – Nube Colectiva

Que es Next JS y Hola Mundo

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, orientado a producción. 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 https://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.

Salir de la versión móvil