Curso de Next.js 13 desde cero
¿Qué es Next.js?
Next.js es un framework de desarrollo web basado en React que permite crear aplicaciones web rápidamente y de manera sencilla. Es una herramienta muy popular en el ecosistema de JavaScript y es utilizada por miles de desarrolladores en todo el mundo.
Contenido del curso
- Introducción a Next.js
- Instalación y configuración del entorno de desarrollo
- Creación de un proyecto en Next.js
- Uso de rutas y enlaces en Next.js
- Creación de componentes y su reutilización
- Implementación de estilos con CSS en Next.js
- Consumo de APIs en Next.js
- Integración de bases de datos en Next.js
- Despliegue de una aplicación en Next.js
Beneficios de aprender Next.js
Aprender Next.js tiene numerosos beneficios para los desarrolladores, como:
- Mayor productividad al crear aplicaciones web.
- Optimización del rendimiento y velocidad de carga de las páginas.
- Fácil integración con bases de datos y APIs.
- Facilidad para crear rutas y enlaces entre páginas.
- Posibilidad de reutilizar componentes en diferentes partes de la aplicación.
- Gran comunidad de desarrolladores que comparten recursos y conocimientos.
Conclusión
En resumen, el Curso de Next.js 13 desde cero es una excelente oportunidad para aprender a desarrollar aplicaciones web de manera rápida y eficiente utilizando el framework Next.js. A través de este curso, podrás adquirir los conocimientos necesarios para crear proyectos completos y funcionales, así como también integrar APIs y bases de datos. ¡No te pierdas la oportunidad de mejorar tus habilidades como desarrollador web!
¡No te pierdas mis directos en Twitch!
▸ https://twitch.tv/midudev
Tus videos me han servido mucho, muchas gracias midu!!
Amo tus videos, pero sería posible que le quites el sonidito de cada nuevo sub! es que me desconcentra mucho de lo bien que explicas <3
que buen video! gracias!
– …a dia de hoy tailwind no funciona con turbo pack.
cierro el video. 😂
Hola midu gracias por el contenido que compartes, esta genial sigo mucho tus videos. Queria empezar un proyecto en next, pero antes empeze haciendo una prueba siguiendo este video y me encuentro con el siguiente error cuando hago el primer feching de datos que comentas. Me sale el siguiente error:
Unhandled Runtime Error
Error: fetch failed
hand-pink-waving
Call Stack
Object.fetch
node:internal/deps/undici/undici (11457:11)
process.processTicksAndRejections
node:internal/process/task_queues (95:5)
Aparentemente el código parece estar bien, he probado mil cosas y no se que puede ser:
import React from 'react';
const fetchPost = () => {
return fetch('https://jsonplaceholder.typicode.com/posts').then((res) =>
res.json()
);
};
const ListOfPost = async () => {
const posts = await fetchPost();
return posts.slice(0, 5).map((post) => {
<article key={post.id}>
<h2>{post.title}</h2>
<p>{post.body}</p>
</article>;
});
};
export default ListOfPost;
Midu pregunta, un app web construida con React y Next, facilita crear la misma app en mobile con React Native, o no es nada compatible?
Esa imagen de portada me recuerda a Goku. Es que midudev es el Goku del desarrollo web.
js 2023??
Todo iba bien hasta que le puse redux.
Empezo a mostrar error "Error: There was an error while hydrating."
hay repo?
Empezé varios tutoriales de next.js en youtube y descarte varios hasta ver el tuyo. Gran aporte !!
Gracias midu, otro curso más de mi maestro preferido 🫡
hola no hay repo de este proyecto?
Tarde en ver este curso, pero es excelente! Gracias Miduuu 🙌
Tus monitos de abajo a la izquierda son una PESADILLA, más cuando suenan, que horror. Una pelea interna entre quedarme a ver el contenido interesante y dejar de ver esos pesados que fastidian más que un mosquito por la noche. 😖
hola Midú pregunta tengo que tener instalado algo antes de empezar aparte del visual
Este proyecto quedo en GitHub como Publico?
Al principio no me gustaba React, y ahora con Next tampoco, muchas gracias.
Pd: Es broma, la nueva versión de Next si me gusta más!! gracias mudi, me gusta la forma en que hace el loading y el layout, es lo mejor según mi parecer
Esta el repo ?