jiveg / platzi-nextjs

Curso de NextJS con Aguacates 🥑 para Platzi

Proyecto del Curso: Next.js

https://platzi-avo.vercel.app/

Curso de Next.js dictado por @jonalvarezz para Platzi

• Cómo trabajar en este proyecto?
• Guía rápida
• Logros
• Encontraste un error o mejora?

🔎 Cómo trabajar en este proyecto?

El curso es totalmente práctico y progresivo. Este repositorio sólo existe como una guía para cuando lo necesites. Puedes realizar todo el curso en tu propio proyecto y tu propio repositorio.

Avanzamos en el curso a un nuevo tema y no puedes o no quieres completar los cambios anteriores para continuar? Empieza desde la etiqueta git correspondiente al módulo del curso.

1. Actualiza la información de las etiquetas:

   Anteriormente debiste clonar este repositorio tal como lo hicimos en clase.

   git fetch --tags

2. Lista las etiquetas disponibles:

   git tag

   Deberías ver algo como:

   1-lo-basico
   2-inicio-api
   3-api
   ...

3. Inicia un nuevo branch desde el punto que desees:

   git checkout -b el-nombre-de-mi-branch etiqueta-elegida
   
   # Por ejemplo, para iniciar desde el módulo 4-javascript
   git checkout -b jonalvarezz-javascript 4-javascript

   Eso es todo, ya puedes iniciar con todos los cambios incluídos hasta ese módulo. En la sección Tags de GitHub, encuentras más información de cada etiqueta.

Bonus: Cómo subo mis cambios a otro repositorio?

Git permite manejar varios repositorios remotos en una misma copia local. Aquí encuentras más información y te dejaré el cheatsheet a continuación:

# Crea tu nuevo repositorio en GitHub/GitLab/otro. 
# Asumamos la URL es [email protected]:jonalvarezz/mi-repo-mas-bello.git
# Agrega el nuevo remote

git remote add mi-repo [email protected]:jonalvarezz/mi-repo-mas-bello.git

# Para push
git push mi-repo branch-a-hacer-push


# Para pull
git pull mi-repo branch-a-hacer-push

🤖 Guía Rápida

1. Empieza a desarrollar.

   Instala dependencias

   yarn

   Inicia el proyecto

   yarn dev

   El sitio estará disponible en http://localhost:3000.

🚀 Logros

1. Creación del proyecto
2. Agrego una ruta básica
3. Agrego una ruta dinámica
4. Enlazo páginas y creo una SPA
5. Agrega nuestra propia API
6. Páginas usando nuestra propia API
7. Crea components App and Document personalizados
8. Configura path aliases
9. Crea páginas y componentes UI para el sitio.
10. Crea Store simple usando Context

🐞 Encontraste un error o mejora?

Ayuda a otros estudiantes con eso que acabas de descubrir que haría este curso y respositorio mucho mejor.

• En Issues puedes reportar errores, agregar sugerencias y comentarios.
• Por su parte, los Pull Request siempre estarán abiertos para recibir mejoras puntuales.

Happy hacking!