CURSO #NextJs desde 0 - PT 3 - Crea tu propia #APP y DOMINA cada uno de sus #archivos + #Tips.
Sigue así. Cada lección te acerca más a tu certificado.
Sobre esta lección
Curso #GRATIS de #NextJs desde 0 - Parte 3. Aprende a crear tu propia #APP y dominar cada uno de sus archivos + Tips que debes saber sí o sí. 🔴▬ ACLARACIÓN !!! ▬🔴 Si alguien tiene problemas con husky ejecuten el siguiente comando: npm i -D eslint prettier eslint-plugin-prettier eslint-config-prettier eslint-plugin-node eslint-config-node Así tendrán las lib necesarias para prettier y Airbnb 🔴▬ INDEX ▬🔴 0:00:00 - Introducción 0:02:15 - Inicializar NextJs 0:03:32 - Aclaración pnpm y disco ExFat 0:04:09 - Seguimos inicializando NextJs 0:06:11 - node_modules 0:06:37 - Babel y ECMAScript 0:09:22 - pages 0:11:04 - public 0:12:02 - styles 0:14:07 - index.tsx y Barrels 0:18:33 - Configuramos Eslint con Airbnb y Prettier 0:35:54 - .gitignore 0:40:10 - Configuramos next.config.js 0:46:33 - package.json 0:56:40 - Routing, Code Splitting y Lazy Loading 1:01:10 - package-lock.json 1:05:36 - Configuramos Husky 🔴▬ LINKS DE INTERÉS ▬🔴 😎LIVE todos los Miércoles & Viernes. Twitch: https://t.co/vodIqiCH9N 💬Escúchame aquí: Spotify: https://spoti.fi/3y281cY Apple Podcast: https://podcasts.apple.com/es/podcast/gentleman-programming/id1661415820 🤓¡Únete a nuestra comunidad! Discord: https://discord.gg/KEavKkDc5Y Facebook: https://shorturl.at/jkmL6 Instagram: https://www.instagram.com/gentlemanprogramming/ Twitter: https://twitter.com/G_Programming 📘Encuentra mi libro: ¿Cómo ser front-end sin fallar en el intento? + Tus primeros pasos en la programación web aquí: https://amzn.to/2ReBuzL - #gentlemanprogramming #comunidad #discord #twitch #programming #podcast #live #stream #clase #tech #it #scrum #kanban #agile #team #Hackathon #GentlemanProgramming #componentes #framework #library #framework #google #Facebook #tips
Sobre este curso
🚀 NEXTJS CURSO COMPLETO - DESDE CERO HASTA EXPERTO EN EL FRAMEWORK REACT MÁS PODEROSO → Todo lo que necesitás para dominar NextJS 13: App Router, Server Components, routing avanzado y features que revolucionan el desarrollo React 📯 QUÉ VAS A APRENDER - **NextJS fundamentals** - App Router, file-based routing, layouts y la nueva arquitectura de carpetas - **Server Components** - React Server Components, streaming, suspense y rendering strategies - **Advanced features** - API Routes, middleware, authentication, deployment y optimization - **Real world projects** - Proyectos completos que demuestran todas las features en acción ━━━━━━━━━━━━━━━━━━━━━ 🎯 NEXTJS MASTERY - EL FRAMEWORK QUE DOMINA EL MERCADO 1️⃣ **APP ROUTER FOUNDATION** - Nueva arquitectura de carpetas, nested layouts, route groups y navigation. 2️⃣ **SERVER COMPONENTS** - RSC implementation, server vs client components, streaming y performance optimization. 3️⃣ **ROUTING AVANZADO** - Dynamic routes, catch-all routes, parallel routes y intercepting routes. 4️⃣ **DATA FETCHING** - fetch API extendido, caching strategies, revalidation y loading states. 5️⃣ **STYLING & UI** - CSS Modules, Tailwind integration, styled-components y design systems. 6️⃣ **PRODUCTION READY** - API Routes, middleware, authentication, deployment en Vercel y optimization. **Dale que va** - NextJS 13 cambió todo. Es el framework que necesitás dominar para estar relevante en el mercado React actual. ━━━━━━━━━━━━━━━━━━━━━ 📦 RECURSOS Y CÓDIGO - Repositorio completo con todos los proyectos - NextJS 13 cheatsheet y best practices - Templates y boilerplates production-ready - Mi config: https://github.com/Gentleman-Programming/Gentleman.Dots ━━━━━━━━━━━━━━━━━━━━━ ☁️ DONWEB CLOUD SERVER - SPONSOR Infra self-service con la mejor relación precio-potencia → Escalabilidad vertical y horizontal automática → Alta disponibilidad y redundancia incluida → Planes exclusivos para la comunidad 🎯 Descuentos exclusivos: https://donweb.com/gentleman ━━━━━━━━━━━━━━━━━━━━━ 🤑 DESCUENTOS EXCLUSIVOS 🪑 Standing Desk MAIDESITE - 10% OFF → https://maidesite.es/iaxpghpvhf → Código KEGP60 = 60€ descuento extra! 💻 CodeCrafters - Challenges reales → https://app.codecrafters.io/join?via=GentlemanProgramming 🎧 Linsoul Audio → https://www.linsoul.com/GentlemanProgramming ━━━━━━━━━━━━━━━━━━━━━ 📺 DONDE ENCONTRARME - Twitch: https://twitch.tv/gentleman_programming - Canal VODS: https://youtube.com/@GentlemanVODS - Kick: https://kick.com/gentleman-programming - Todos mis links: https://doras.to/gentleman-programming ━━━━━━━━━━━━━━━━━━━━━ 💼 COLABORACIONES Y NEGOCIOS Email: gentleman@ohmybitz.com 🎬 EDICIÓN Editor: Cristian Email: Cris081812@gmail.com Discord: Cristian1812 ━━━━━━━━━━━━━━━━━━━━━ 👨💻 SOBRE ESTE CANAL Contenido técnico sin relleno para developers que buscan crecer de verdad. Arquitectura, clean code, y las herramientas que realmente importan en el mundo real. Suscribite y activá la campanita 🔔 #NextJS #NextJS13 #React #AppRouter #ServerComponents #SSR #SSG #ReactServerComponents #Vercel #FullStack #GentlemanProgramming
Lo que aprenderás en este curso:
- Comprender los fundamentos y conceptos clave de Next: desde 0 a experto
- Aplicar técnicas y métodos prácticos de Next: desde 0 a experto
- Desarrollar habilidades profesionales en Next: desde 0 a experto
- Resolver problemas reales relacionados con Next: desde 0 a experto