Cómo instalar Next.js en Ubuntu 20.04 LTS

En este tutorial, le mostraremos cómo instalar Next.js en Ubuntu 20.04 LTS. Para aquellos de ustedes que no lo sabían, Next.js es un marco de Javascript construido en React.js, que permite a los desarrolladores crear sitios web y aplicaciones web estáticos y dinámicos.

Este artículo asume que tiene al menos conocimientos básicos de Linux, sabe cómo usar el shell y, lo más importante, aloja su sitio en su propio VPS. La instalación es bastante simple y asume que está ejecutando en la cuenta de root, de lo contrario, es posible que deba agregar ‘sudo‘a los comandos para obtener privilegios de root. Le mostraré la instalación paso a paso del marco de JavaScript de código abierto Next.js en Ubuntu 20.04 (Focal Fossa). Puede seguir las mismas instrucciones para Ubuntu 18.04, 16.04 y cualquier otra distribución basada en Debian como Linux Mint.

Instale Next.js en Ubuntu 20.04 LTS Focal Fossa

Paso 1. Primero, asegúrese de que todos los paquetes de su sistema estén actualizados ejecutando lo siguiente apt comandos en la terminal.

sudo actualización apta
sudo actualización apta
sudo apt install build-esencial

Paso 2. Instalar Node.js.

Ahora agregue el repositorio Node.js a su sistema:

curl -sL https://deb.nodesource.com/setup_14.x | bash –
sudo apto instalar nodejs

Ahora verifique su versión de Node.js ejecutando el comando en su terminal:

nodejs -v

Y verifique también la versión de NPM:

npm -v

Paso 3. Instalar Next.js en Ubuntu 20.04.

Ahora creamos una carpeta vacía en cualquier lugar, por example en su carpeta de inicio y acceda a ella:

mkdir nextjs cd nextjs

Y crea tu primer proyecto Next:

mkdir primer proyecto cd primer proyecto

Luego, inicialice el entorno de desarrollo del proyecto Next.js con el npx Herramienta de compilación CLI:

npm init -y npm instalar siguiente reaccionar react-dom

La estructura de archivos del proyecto debe parecerse a la siguiente (excluyendo node_modules y package-lock.json):

ruta / al / primer proyecto / ├── paquete.json ├── páginas ├── público ├── README.md └── estilos

Ahora usando la terminal, ejecute npm run dev para iniciar el próximo servidor de desarrollo:

npm ejecutar dev

Producción:

listo – servidor iniciado en https: // localhost: 3000

Paso 3. Acceder al proyecto Next.js.

Una vez que la instalación se haya completado correctamente, navegue hasta la IP de su servidor en el puerto 3000 en un navegador web:

https://127.0.0.1:3000/

¡Felicidades! Ha instalado Next.js. Gracias por usar este tutorial para instalar el marco de JavaScript de código abierto Next.js en el sistema Ubuntu 20.04 LTS Focal Fossa. Para obtener ayuda adicional o información útil, le recomendamos que consulte el sitio web oficial de Next.js.