Next JS es un framework web de desarrollo (también conocido como "metaframework") front-end de React de código abierto creado por Vercel que habilita funcionalidades como la representación del lado del servidor y la generación de sitios web estáticos para aplicaciones web basadas en React.
Next JS utiliza la arquitectura JAMstack, que distingue entre frontend y backend y permite un desarrollo frontend eficiente que es independiente de cualquier API de backend . El marco admite CSS común, así como Scss y Sass precompilados, CSS-in-JS y JSX con estilo.
Este framework tiene similitudes con React JS, Vue JS y otras herramientas.
Instalando Next JS
Requisitos:
- Node JS en su versión 18.18 o mayor.
Instalando manualmente:
$ npm install next@latest react@latest react-dom@latest
Creando proyecto Next JS
Creamos un directorio y nos ubicamos en el:
$ mkdir myproject $ cd myproject $ npx create-next-app@latest
Al ejecutarse este comando saldrá un prompt para la configuración del proyecto.
Nos ubicamos en la carpeta creada (por default será my-app, a menos que la hayas nombrado con otro nombre):
$ cd my-app
Ejecutamos el proyecto:
$ npm run dev
Abrimos el navegador en la ruta:
http://localhost:3000/¡Hemos instalado y creado una aplicación con Next JS!
En próximas entregas continuaremos con este tema.
Enlaces:
https://nextjs.org/
Comentarios
Publicar un comentario