Por Simón Vega, Desarrollador de Landscape.
Next JS es un framework creado sobre react que cada vez se ha vuelto más popular, porque es muy amigable para desarrollar aplicaciones y páginas únicas de alto rendimiento, con una excelente experiencia de usuario, un SEO impresionante y otros numerosos beneficios.
¿Quieres saber cuáles? ¡Aquí te contamos algunas de las bondades de usar Next JS!
1. Renderizado híbrido, server side y client side.
2. Optimización de imágenes.
3. Pre carga de rutas.
4. Buen SEO.
5. Fácil de configurar.
6. Deploy con vercel.
7. Support typeScript.
8. Variables de entorno en el código.
9. Code splitting.
El performance en Next JS es espectacular. Lo que hace es minificar el código JS, html y, en conjunto con el code splitting y otras herramientas, se obtenga una página bien optimizada.
El desarrollo se ve agilizado gracias a “react fast refresh”, lo que nos permite ver los cambios de forma inmediata agilizando mucho tiempo de desarrollo, con los componentes de optimización de imágenes, rutas, obtención de datos por el lado del servidor get ServerSideProps, etc. Todo fácil de comprender, con ejemplos claros en la documentación y haciendo que la curva de aprendizaje no sea muy alta y se obtengan grandes beneficios al llegar a dominarlo.
¿Qué necesitas para empezar a utilizar NEXT JS?
-Solo necesitas la última versión de node o minimo la version 12.22.0
-Windows, MacOs y linux (soportados).
¿Crear un proyecto base para empezar a trabajar?
Dependiendo del gestor de paquetes que puedas usar: npx ,yar y pnpm.
npx create-next-app@latest --typescript
#or
yarn create next-app --typescript
#or
pnpm create next-app --typescript
¿Cómo levantar tu desarrollo?
¡Es fácil! Para poder empezar ya a programar solo tienes que escribir el comando: Npm run dev e iniciará en modo desarrollador (utilizando las variables de entorno que tu decidas integrar).
Para levantar tu aplicación o página y usarla en producción, debes escribir el comando: Npm run build && npm run start
Aplicaciones y/o páginas como Tik tok, Twitch, Hulu, Nike y Ferrari son ejemplos de lo que se puede hacer con este framework. Sinceramente, si deseas crear páginas con buen rendimiento y SEO, o aplicaciones grandes pero efectivas, NEXT.JS, es tu framework ideal.
