Aprende las bases de Nextjs, un Framework basado en React y Nodejs que te permite crear aplicaciones web que pueden ser optimizadas para cargar rápidamente y optimizar el SEO (Search Engine optimization) gracias a sus React Server componentes, o renderizado del lado del servidor en unión a una gran cantidad de paquetes que te provee el propio framework para mejorar el rendimiento y facilidad de integración en un proyecto como sus route Handler que te permiten crear APIs y su sistema basado en archivos para poder crear múltiples rutas fácilmente.
Nextjs con Typescript y Prisma CRUD (para Miembros):
https://youtu.be/8gb7PtmwP2U
Requerimientos para el curso:
Curso de Nodejs: https://youtu.be/i3OdKwuBjeM
Curso de React: https://youtu.be/rLoWMU4L_qE
Índice del contenido:
00:00 Introducción
00:57 Requerimientos
02:38 Que es Nextjs
04:46 Crear Proyecto de Nextjs
13:28 Rutas en Nextjs
23:47 Link
30:59 Layout
37:22 Metadata
44:34 Fonts
48:36 Not Found
50:36 React Server Components
01:01:41 Fetch Data
01:11:03 Loading Page
01:14:28 Params
01:23:42 Suspense
01:28:33 Import Alias
01:32:11 CSS y TailwindCSS
01:40:55 Primer Proyecto Nextjs
02:10:39 Carpeta src
02:13:29 useRouter
02:23:10 Route Handlers
02:33:59 Route handlers params
02:38:06 searchParams
02:41:09 Request Body
02:44:51 Environment variables
02:49:21 Nextjs CRUD con Prisma Setup
03:04:56 Nextjs REST API
03:26:22 Formulario en React
03:36:56 Renderizar tareas
03:44:46 Componente Tareas
03:50:07 Actualizar Tareas
04:00:25 Eliminar Tareas
04:05:10 Navegacion
04:12:25 Despliegue en Vercel con PostgreSQL
🛒 Fazt Web
Tienda Online: https://store.faztweb.com/
⭐ Cursos Recomendados
Curso de Nodejs ⮕ https://fazt.dev/nodejs
Curso de Python⮕ https://faztweb.com/python
Curso de React ⮕ https://youtu.be/rLoWMU4L_qE
Curso de Javascript para React ⮕ https://youtu.be/lVqHiTCIRQg
🗣 Redes Sociales
⮕ Github: https://github.com/fazt
⮕ Twitter https://twitter.com/fazttech
🎒 Servicios Recomendados
DigitalOcean ⮕ https://m.do.co/c/8ef261d77de5
Namecheap ⮕ https://namecheap.pxf.io/ErDe9
Ledger ⮕ (Hardware Wallet) https://bit.ly/3ijsVNW
SiteGround ⮕ https://bit.ly/31u9ZEk
Cloudinary ⮕ https://bit.ly/3ohNlJ7
Notion ⮕ https://affiliate.notion.so/yj9uc7bi3miq
Puedes encontrar la lista de tutoriales de React en:
https://faztweb.com/javascript
#nextjs #reactjs #javascript