Code and Beers

Cómo hacer un Blog en React preguntandole a chatGPT (23.3)

Listen Later

Workshop: Inteligencia Artificial, ChatGPT, Contenful, JavaScript, React

En este taller vamos a explotar al máximo ChatGPT y montar un Blog con React, con un resultado bastante sorprendente.

Mas info: https://geekebrains.com/code-beers/3-workshop-creando-un-blog-en-react-con-chatgpt
Git: https://github.com/Code-and-Beers/workshop-1-contenful-next-blog-created-by-chatgpt

Tambien en: Youtube⁠ - Spotify – Apple Podcast – Amazon Music – IVoox


Resumen:


00:11 Presentación.

  • Utilizar la API de contenido llamada contentful para crear un blog.

    • 08:08 La contextualización de las líneas de chat mejora la comprensión de los errores.

    • El uso de un solo chat para un tema acumula contexto para cada línea.
    • Proporcionar la mayor cantidad de contexto posible ayuda al programador a comprender el problema.

      • 16:34 Creación de un blog utilizando React, Pencil y Frame Motion.

      • Configuración de variables de entorno y variables de conexión.
      • Implementación de la página de inicio utilizando Index.tsx.

        • 24:26 Crea una página de inicio hermosa con un toque utilizando una API.

        • Conexión con una API para obtener artículos.
        • Utilización de animaciones con Frame Motion y agregar un toque con un título en la página de inicio.

          • 32:24 Código reestructurado y se agregó animación a los componentes de estilo.

          • Separación del código en componentes y creación de una carpeta para ellos.
          • Agregado de animaciones utilizando motion para los componentes de estilo.

            • 41:58 Actualización del componente con arquitectura hexagonal.

            • Separación de la capa de acceso al modelo externo en interfaces separadas.
            • Agregando más animaciones y ajustando los colores para una mejor visibilidad.

              • 00:37 Modificación del código para un componente web.

              • Manejo del movimiento y posicionamiento del componente.

                • 1:00:24 Creación de un modal en un nuevo componente.

                • El modal tendrá una imagen de título y un párrafo.
                • Página creada en 50 minutos con algunos errores.

                  • 1:09:34 Despedida.

                  ...more
                  View all episodesView all episodes
                  Download on the App Store
                  Code and BeersBy geekebrains.com