Tutorial Next.js 14 paso a paso, para Principiantes
1,576En este tutorial de Next.js 14, estaremos cubriendo desde la introducción hasta la conexión a una base de datos PostgreSQL, pasando por estilos, fuentes, imágenes, optimización de carga y más.
¡Esperamos que este video te ayude a dominar Next.js y mejorar tus habilidades de desarrollo web! No dudes en dejar tus preguntas y comentarios
▶ No te pierdas más directos en: https://www.twitch.tv/midudev
00:00:00 - Introducción a Next.js 14
00:02:03 - A mover las manitas
00:02:42 - ¿Qué es Next.js?
00:05:05 - ¿Cómo inicializar un proyecto de Next.js 14?
00:08:13 - Requerimientos
00:09:08 - capitulo 1
00:12:41 - Revisando código
00:14:39 - Revisando carpetas
00:16:48 - layout
00:17:47 - Separación del Layout y Page
00:18:12 - Carpetas ui y lib
00:19:40 - Cargando los estilos
00:21:52 - Estilos globales
00:22:06 - css modules
00:24:06 - ¿Qué forma usar?
00:24:58 - Preguntas de la comunidad
00:25:47 - Importar y cargar fuentes
00:30:20 - Agregar más fuentes al proyecto
00:31:24 - Imagenes
00:32:44 - Diferencia entre Image e img
00:35:27 - Dato importante sobre el componente Image
00:38:33 - Sistema de enrutado por archivos
00:39:22 - Ruta dashboard
00:40:26 - Layout
00:41:43 - Rutas anidadas
00:44:53 - Layouts que envuelvan secciones específicas de nuestras rutas
00:48:30 - Preguntas de la comunidad
00:50:09 - Navegación: Componente Link
00:55:15 - Hooks de Next.js
00:56:55 - ‘use client’ y ‘use server’
00:59:39 - Dato importante sobre Link
01:01:26 - Code splitting
01:04:00 - Base de datos: postgres
01:11:15 - Fetching de Datos
01:17:54 - Renderizar datos en el Dashboard
01:21:37 - Streaming de datos
01:22:06 - Loading
01:23:51 - Continuando con el Straming
01:31:06 - Hay problemas en el SEO por el Skeleton?
01:32:20 - Más preguntas de la comunidad