Hoy vamos a aprender cómo crear un proyecto React con Next.js y ejecutarlo.
Lo primero que vamos a hacer es crear un nuevo proyecto con este comando:
npx create-next-app my_app
Ahora preguntará sobre la configuración.
Yo he elegido y recomiendo esta:
Usar TypeScript ya que nos va a permitir utilizar tipado en JavaScript, nos solucionará y agilizará el desarrollo. Usaremos ESLint para mejorar y controlar el código generado, importante debes instalar el plugin de VSCode ESLint.
Usamos CSS normal, creamos el directorio src y nos crea un App Router de ejemplo. Además, no vamos a utilizar alias.
Ahora debemos esperar mientras nos genera el proyecto.
Verificamos que nos crea el proyecto dentro de la carpeta que hemos indicado.
Los comandos importantes serán:
- Instalar librerías nuevas:
npm install <plugin_name> --save
- Ejecutar la web en desarrollo:
npm run dev
- Generar build de producción (web para lanzar un con Apache o Nginx)
npm build
- Instalar librerías que no tenemos en node_modules
npm run
Ingeniero en Informática, Investigador, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y poeta. Más de 20 APPs publicadas y un libro en Amazon.