Enrutador de Páginas
Nuevo curso del Enrutador de Aplicación: Actualmente estás viendo el curso del Enrutador de Páginas. Consulta el nuevo curso del Enrutador de Aplicación aquí.
Para construir una aplicación web completa con React desde cero, hay muchos detalles importantes que debes considerar:
- El código debe ser empaquetado usando un empaquetador como webpack y transformado usando un compilador como Babel.
- Necesitas realizar optimizaciones para producción como la división de código (code splitting).
- Es posible que desees pre-renderizar estáticamente algunas páginas para mejorar el rendimiento y SEO. También podrías querer usar renderizado del lado del servidor (SSR) o renderizado del lado del cliente (CSR).
- Podrías necesitar escribir código del lado del servidor para conectar tu aplicación React con tu almacén de datos.
Un framework puede resolver estos problemas. Pero dicho framework debe tener el nivel adecuado de abstracción, de lo contrario no será muy útil. También necesita ofrecer una gran "Experiencia de Desarrollo", asegurando que tú y tu equipo tengan una experiencia excepcional al escribir código.
Next.js: El Framework de React
Presentamos Next.js, el Framework de React. Next.js proporciona una solución a todos los problemas mencionados anteriormente. Pero lo más importante, te coloca a ti y a tu equipo en el "pozo del éxito" al construir aplicaciones React.
Next.js tiene como objetivo ofrecer la mejor experiencia de desarrollador e incluye muchas características integradas, como:
- Un sistema de enrutamiento basado en páginas intuitivo (con soporte para rutas dinámicas)
- Pre-renderizado, tanto generación estática (SSG) como renderizado del lado del servidor (SSR) soportados por página
- División de código automática para cargas de página más rápidas
- Enrutamiento del lado del cliente con prefetching optimizado
- Soporte integrado para CSS y Sass, y compatibilidad con cualquier biblioteca CSS-in-JS
- Entorno de desarrollo con soporte para Actualización Rápida (Fast Refresh)
- Rutas API para construir endpoints con Funciones Serverless
- Totalmente extensible
Next.js se utiliza en decenas de miles de sitios web y aplicaciones en producción, incluyendo muchas de las marcas más grandes del mundo.
Sobre Este Tutorial
Este curso interactivo gratuito te guiará sobre cómo comenzar con Next.js.
En este tutorial, aprenderás los conceptos básicos de Next.js creando una aplicación de blog muy simple. Aquí tienes un ejemplo del resultado final:
https://next-learn-starter.vercel.app (código fuente)
Este tutorial asume conocimientos básicos de JavaScript y React. Si nunca has escrito código React, deberías completar el tutorial oficial de React primero.
Si buscas documentación en lugar de un tutorial, visita la documentación de Next.js.
Únete a la Conversación
Si tienes preguntas sobre Next.js o este curso, eres bienvenido a preguntar a nuestra comunidad en Discord.
¡Comencemos!