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 creado 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 que es más importante, aloja su sitio en su propio VPS. La instalación es bastante simple y asume que se están ejecutando en la cuenta raíz, si no, es posible que deba agregar 'sudo ' a los comandos para obtener privilegios de root. Le mostraré la instalación paso a paso del marco 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.

Requisitos previos

• Un servidor que ejecuta uno de los siguientes sistemas operativos:Ubuntu 20.04, 18.04, 16.04 y cualquier otra distribución basada en Debian como Linux Mint.
• Se recomienda que utilice una instalación de sistema operativo nueva para evitar posibles problemas.
• Un non-root sudo user o acceder al root user . Recomendamos actuar como un non-root sudo user , sin embargo, puede dañar su sistema si no tiene cuidado al actuar como root.

Instalar 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 el siguiente apt comandos en la terminal.

sudo apt update
sudo apt upgrade
sudo apt install build-essential

Paso 2. Instalación de Node.js.

Ahora agregue el repositorio Node.js a su sistema:

curl -sL https://deb.nodesource.com/setup_14.x | bash -
sudo apt install nodejs

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

nodejs -v

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

npm -v

Paso 3. Instalación de Next.js en Ubuntu 20.04.

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

mkdir nextjs
cd nextjs

Y crea tu primer proyecto Siguiente:

mkdir firstproject
cd firstproject

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

npm init -y
npm install next react react-dom

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

path/to/firstproject/
├── package.json
├── pages
├── public
├── README.md
└── styles

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

npm run dev

Salida:

ready - started server on http://localhost:3000

Paso 3. Acceso al proyecto Next.js.

Una vez completada con éxito la instalación, navegue hasta la IP de su servidor en el puerto 3000 en un navegador web:

http://127.0.0.1:3000/

¡Felicitaciones! Ha instalado correctamente Next.js. Gracias por usar este tutorial para instalar el marco Javascript de código abierto de 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.