/platzi-nextjs

Curso de NextJS con Aguacates 🥑 para Platzi

Primary LanguageTypeScript

Curso de Next.js

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?

El curso es totalmente práctico y progresivo. Este repositorio solo 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 incluidos 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 git@github.com:jonalvarezz/mi-repo-mas-bello.git
# Agrega el nuevo remote

git remote add mi-repo git@github.com: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 repositorio 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!