Next.js desde Cero (App Router)
Texto Leccion
Landing + CTA: copy y estructura
Landing Define un hero con promesa clara, social proof y un CTA que resuelva el primer paso. Conceptos clave Promesa clara 1 CTA principal Secciones con prueba Ejercicio Escribe 1 headline + subheadline. Agrega 3 secciones: como funciona, ejemplo, pricing. Checklist de mastery Mi landing tiene un CTA principal. La promesa se entiende en 5 segundos.
Tiempo de estudio
15 Min
Landing
Define un hero con promesa clara, social proof y un CTA que resuelva el primer paso.
Conceptos clave
- Promesa clara
- 1 CTA principal
- Secciones con prueba
Ejercicio
- Escribe 1 headline + subheadline.
- Agrega 3 secciones: como funciona, ejemplo, pricing.
Checklist de mastery
- Mi landing tiene un CTA principal.
- La promesa se entiende en 5 segundos.
Texto Lessons
#1
Routing y layouts: estructura clara
#2
Data fetching: cuando cachear y cuando no
#3
Metadata: titles, canonical, OG y Twitter
#4
Landing + CTA: copy y estructura
#5
Server vs Client Components: regla practica
#6
Server Actions: forms sin API extra
#7
Sitemap y robots: indexar lo correcto
#8
Blog: posts, RSS y enlaces internos
#9
Loading, error y not-found: UX profesional
#10
Auth basica: proteger rutas y acciones
#11
Performance: menos JS, mejores Core Web Vitals
#12
Deploy checklist: que mirar antes de lanzar
Ver full lessons
Revisar curso learning pagina