Aprende a crear aplicaciones y código vibrante con la IA encantadora! | Greg Hung | Skillshare

Velocidad de reproducción


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Aprende a crear aplicaciones y código vibrante con la IA encantadora!

teacher avatar Greg Hung, Travel Videographer

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introducción al curso encantador

      2:04

    • 2.

      Lovable Tour 2026 en escritorio

      5:46

    • 3.

      Consejos sobre la creación de indicadores para la codificación de Vibe

      1:47

    • 4.

      Introducción a Lovable Connectors: estudio de aplicaciones con el conector de Google Drive.

      8:09

    • 5.

      Plantillas y remezclas

      7:33

    • 6.

      Crea una lista de pickles con adorable.

      12:47

    • 7.

      Publish app

      2:22

    • 8.

      Guardar en Github

      1:44

    • 9.

      Conclusión

      1:54

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

8

Estudiantes

--

Proyectos

Acerca de esta clase

Lovable es una de las plataformas de "vibe coding" más poderosas y fáciles de usar que existen en la actualidad. Te permite crear aplicaciones web y móviles totalmente funcionales directamente desde tu escritorio (o incluso tu teléfono) y publicarlas instantáneamente en un dominio personalizado o en un subdominio gratuito Lovable.

En esta clase, descubrirás cómo potenciar tus creaciones con los revolucionarios conectores de Lovable. Nos sumergiremos en la integración de herramientas de terceros para desbloquear características avanzadas de las aplicaciones, incluyendo:

  • Supabase: para autenticación de usuarios y bases de datos seguras.

  • Stripe: para aceptar pagos y monetizar tu creación.

  • Google Drive y TikTok: para incorporar recursos digitales y medios con fluidez.

Ya sea que quieras construir un sitio donde los usuarios puedan registrarse, comprar archivos digitales directamente desde tu almacenamiento en la nube o mostrar un portafolio de redes sociales, Lovable lo hace sin una sola línea de código tradicional.

Qué aprenderás

  • Cómo navegar por la interfaz Lovable y empezar rápidamente.

  • Cómo utilizar plantillas listas para usar para poner en marcha proyectos increíbles.

  • Un desglose del detrás de escenas de aplicaciones reales que funcionan para ver exactamente cómo se construyeron.

Conoce a tu profesor(a)

Teacher Profile Image

Greg Hung

Travel Videographer

Profesor(a)

Hi I'm Greg. I'm a South African Canadian Travel Videographer aka Global Citizen. I first got into video filming with a sharp camcorder in high school making my own short films and tennis video and editing on a VHS. In 2011 in Simon Fraser University (Vancouver Canada) I rediscovered my love for video while filming an earthquake hiphop safety video for a Media Course.

After I graduated from Simon Fraser University (BA Communications) in Vancouver Canada I went on to pursue a successful IT career working 13 years as an IT manager. I went onto to complete my MBA in Technology Management SFU and found my Entrepreneurial inspiration to start my own travel video business in 2011 during the DSLR video revolution. I sold my downtown Vancouver Apartment, bought an iMac, a Canon 7D, and... Ver perfil completo

Level: Intermediate

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introducción al curso encantador: Hola, bienvenidos al campamento de entrenamiento de codificación de ambiente Lovable. Mi nombre es Greg Hung. Soy un creador canadiense y codificador de vibra, y en 2026, creo que esta plataforma es una de las plataformas más potentes y fáciles de usar para crear tus aplicaciones usando tus ideas y creatividad muy fácilmente desde tu computadora o tu teléfono El costo comienza como básico como $25 US para comenzar. Y en el curso, te voy a enseñar lo básico, la plataforma, además de compartir algunos de los proyectos que he creado con Lovable de las listas de Pickleball, que es un directorio global que te permite encontrar canchas de todo el mundo, permitiendo también a los usuarios crear una cuenta y también hacer sus propios envíos, sus propias reseñas, sus propias Entonces es una plataforma de pickabll de crowdsource. También he creado aplicaciones como un portafolio de TikTok. Incluso he creado aplicaciones que te permiten conectarte a tu Cloud Drive, que puedas compartir archivos en tu Cloud Drive y venderlos. La poderosa característica que me entusiasma en Lovable a partir de junio de 2026 se llama conectores Entonces los conectores te permiten engancharte a plataformas como Stripe, como Google Drive, como TikTok, y te permiten hablar muy, muy bien con estas otras plataformas para crear aplicaciones muy personalizables que luego puedes publicar en tu sitio web, o puedes usar un dominio amable de forma gratuita Y voy a compartir cómo puedes publicar tu app que creaste en tu sitio web. Voy a compartir algunos ejemplos, y voy a repasar paso a paso, además de compartir mis indicaciones de cómo lo creé Entonces, si esto suena emocionante, comencemos. 2. Lovable Tour 2026 en escritorio: Hola a todos, Este es un recorrido rápido por Lovable en junio de 2026 Han actualizado la plataforma, lo cual es genial. Tienen estos conectores, que son una característica bastante nueva. Es muy visible por encima de tu aviso principal aquí. Y también se puede ver en el lado izquierdo. Entonces, solo una vista previa al conectarse a estos conectores, habilita una funcionalidad adicional. Por ejemplo, puedo usar un conector de TikTok para conectarme a mis cuentas, obtener información útil sobre inteligencia artificial en mi cuenta de TikTok, y puedo crear una aplicación a partir de Puedo usar Supabase para configurar una base de datos si quiero que gente use mi aplicación y cree cuentas Puedo usar un conector de Google Drive para conectarme realmente a archivos en mi Cloud Drive y venderlos. Eso es sólo un ejemplo. Y tienes todos estos otros aquí como Microsoft Outlook, Microsoft Excel, Sana, Twitch, Gemini Enterprise, y así sucesivamente Así que hay muchas posibilidades aquí, y se pueden ver las que ya me he conectado. Bien, en el lado izquierdo, aquí es donde puedes ver la cantidad de créditos que te quedan, el tipo de plan, los miembros de tu espacio de trabajo. Recursos, te permite ver otras plantillas, y luego puedes ver los conectores aquí. Por lo que diferentes áreas se puede acceder a las mismas características. Ahora, puedes ver proyectos que todos los proyectos, puedes ver los que has creado, ver los que se han compartido con tú también ves algunos de tus proyectos en el lado izquierdo. Y cuando tengan los tres puntos, puedes acceder a la configuración de ese proyecto, renombrarlo, remezclarlo, eliminarlo Ahora, si haces clic en un proyecto real, tienes el prompt en el lado izquierdo. Si quieres seguir iterando sobre él, puedes ver estos sugerentes prompts, que son útiles si no puedes pensar en un siguiente paso Así que Lovable en realidad te ayuda a predecir ese siguiente paso. En el lado derecho, esta es la vista previa. Aquí es donde realmente puedes probar la aplicación. Digamos, en la pantalla, puedes ver que estamos en la vista previa, pero hay diferentes formas de verlo. Puedes ver los archivos de tu proyecto. Se puede ver la vista de código. Volvamos a ese punto de vista ahí. Y desde aquí, puedes seleccionar diferentes áreas de tu proyecto, dashboard, autenticación, jugadores. Entonces creo que esto es, si tuviéramos que registrar a más personas, aquí es donde accederíamos a él. Y luego tienes la raíz, que es solo una diagonal reversa Puedes compartir tu proyecto con otras personas a través de una vista previa, e incluso puedes publicarlo un dominio personalizado o en un dominio adorable por defecto Y ese es tu adelanto general de Lovable. Y nuevamente, en la vista del proyecto, puedes remezclarlo. Se pueden ver los conectores. Sí quiero mostrarte rápidamente el área de dominios. Bien, así podemos hacer clic en Configuración. Bien, aquí podemos ver mis planes y créditos. Este es el plan en el que estoy. Mi saldo de Nube e EI. Esta es la cantidad de nube y EI que he usado. Realmente no he tenido que preocuparme por el uso excesivo de mis aplicaciones, pero realmente no las he implementado en producción Por aquí, dominios de espacio de trabajo. En realidad puedes comprar un dominio aquí, o lo que puedes hacer cuando lo publiques, puedes conectarlo a un dominio existente, y ellos lo hacen bastante fácil. De hecho he conectado algunos de mis otros proyectos, que te voy a mostrar. Entonces creé este golf uno aquí y ya lo publiqué en golf.ai creative dot Academy, y bastante fácil de hacer. Puede hacer clic en Administrar dominios, y puede conectarse al dominio existente, y simplemente lo escribe, y se conecta a Ccround o cualquiera que sea su plataforma de registro de dominios, y fue bastante sencillo Entonces ahí está tu recorrido por Lovable en 2026. 3. Consejos sobre la creación de indicadores para la codificación de Vibe: Así que aquí están mis consejos para llegar a indicaciones, y, ya sabes, se necesita mucha práctica, y por eso voy a compartir algunas de las indicaciones que uso Y te familiarizarás con un poco de la terminología que usas para describir diferentes funciones en una app Entonces, una característica de una aplicación podría ser que te dé notificaciones o te permita crear una cuenta, múltiples cuentas y aceptar envíos de otros usuarios. Y cuanto más y más practiques, la codificación de vibra. Te familiarizarás con el idioma y te volverás más competente Entonces un ejemplo es mi aplicación TikTok. Así que mi primer baile de graduación fue exhibir contenido de TikTok de un creador en una página de portafolio personalizada. La aplicación obtiene una lista de videos publicados y los renderiza junto con metadatos como títulos, clavos secundarios y recuentos de compromiso Ahora bien, si eres creador, esto puede sonar normal para ti, pero si no lo eres, solo necesitas practicar y familiarizarte con el lenguaje. Y los modelos EI son realmente buenos interpretar el lenguaje natural Entonces, está bien comenzar con solo usar solo comunicarse adorable como si estuvieras hablando con una persona Y entonces se puede estrechar hacia abajo. No tienes que hacerlo bien en el primer prompt, pero ayuda a ser lo más específico posible. Y luego puedes refinar tu app en las siguientes indicaciones, si eso tiene sentido 4. Introducción a los conectores Lovable: Mi aplicación con el conector de Google Drive.: Esta lección en video debería mostrar la aplicación y los conectores de chat en Lovable Esta es una característica bastante nueva. Estamos a mediados de 2026, y te voy a mostrar el conector de Google Drive y Stripe en una de mis aplicaciones Entonces básicamente, selecciona el conector, y luego te autenticarías, y luego podrás construir una aplicación que en realidad, por ejemplo, se conectará a tu Google Drive Entonces voy a ir a esta app. Es más como una plataforma completa, y te mostraré algunas de las indicaciones clave, y luego descargaré el sitio Entonces mi primer aviso fue permitirme vender mis cursos en línea, almacenarlo en Google Drive, permitir que el usuario previsualice algunas lecciones. Entonces es un prompt muy general, no muy específico ni largo. Y eso hizo que las cosas empezaran. Por lo que hizo suposiciones, siguió adelante y construyó el borrador. Y me permitió realmente crear una cuenta. Entonces voy a cerrar sesión aquí. Así que realmente puedes crear un nombre de cuenta, contraseña de correo electrónico, y luego realmente puedes obtener un correo electrónico que te permita iniciar sesión. Entonces voy a iniciar sesión como usuario. Y una vez que seas usuario, puedes navegar por los cursos gratuitos de la derecha. Entonces estos son algunos cursos que he establecido. Y estos cursos en realidad eran videos almacenados en mi Google Drive. Así que he construido esta descripción, y aquí está la vista previa gratuita. Esto debería funcionar. Es un poco por supuesto. Bien. Entonces ese es el pre y luego si no lo has comprado, cerrará el resto hasta que compres el curso. Entonces puedes ver aquí que las otras lecciones están bloqueadas. Entonces alguien puede comprar el curso o iniciar una suscripción de acceso completo, y lo configuré con Stripe, así que en realidad tomará pagos. Y debido a que esto está en el modo de prueba, en realidad no cargará tu tarjeta. Y una vez que completes esto, te dará el enlace al curso. Bien, así que vamos a ver cómo se ve desde el back end como administrador, así que voy a cerrar sesión. Y tengo una cuenta de Admin. Por aquí. Ahora, si voy a Admin, Ups Si voy a Admin. Puedo seleccionar los cursos. También puedo crear un nuevo curso. Y entonces esta es la parte en la que realmente puedo navegar por mi Google Drive y seleccionar Así que realmente puedo navegar por mi Google Drive. Y seleccionar algunas lecciones que estén almacenadas en mi Google Drive. Bastante genial. Entonces sí, el concepto clave aquí es que un conector te permitirá conectarte a contenido o archivos almacenados en tu Google Drive. Ahora, dependiendo del conector, como Stripe, esto tomará pagos, diferentes tipos de conectores. Y si miramos las indicaciones del lado izquierdo, solo te mostraré algunas de las indicaciones clave Entonces una de las indicaciones fue permitir que el administrador navegue por Google Drive y seleccione cursos para publicar Y luego a partir de ahí, solo estaba probando la aplicación y luego creando pequeñas modificaciones, agregar un picker de miniaturas por lecciones para que cada vista previa de video pueda usar una miniatura personalizada de Permita que el administrador cambie la imagen de portada y agregue integración de Stripe para que pueda pagar usando Stripe. Bien. Permita que el administrador agregue o elimine lecciones que se seleccionan de Google Drive, agregue la funcionalidad de arrastrar y dibujar, y así sucesivamente. Y he llegado a un punto en el que de hecho puedo publicar esta app. Es bastante utilizable, y la belleza es que puedo crear más cursos navegando por mi Google Drive, y también tengo mis cursos publicados aquí. Y los que se publican, realidad puedo mirar las lecciones. Puedo modificarlos. Y no se limita solo a los cursos en línea. Podría vender cualquier cosa en mi Google Drive con la integración de Stripe. Entonces aquí vamos, tenemos cursos publicados. Tenemos algunos que están en estado borrador. Entonces, si sincronizo, esto realmente se conecta a tu Google Drive. Te voy a mostrar los videos que están en la carpeta. Entonces, si hago clic en Lecciones, recibí el mensaje de confirmación de sincronización. Así puedo modificar la descripción, el precio y la imagen de portada. Puedo ir a hacer clases. Y si, puedo ajustar el curso aquí. Puedo seleccionar una imagen, subir la mía. Entonces creo que tienes la idea de que, ya sabes, hay mucha energía aquí con adorables y conectores Y realmente tu imaginación lo es más o menos. Entonces, si no quieres pasar por todo esto para construir algo similar, voy a empaquetar esto como una plantilla, y permitirte crear tu propio vender tus propios cursos en línea si estás usando Google Drive. Bien. Entonces sí, este es el poder de Lovable y conectores. 5. Plantillas y remezclas: Bien, estas son las diferentes plantillas disponibles en Lovable y solo te mostraré dónde las puedes encontrar. Sólo vamos a la página principal. Entonces a partir de aquí, puedes desplazarte hacia abajo. Entonces hago clic en el icono principal de inicio en la parte superior izquierda. Y luego desplácese hacia abajo. Puedes ver mis proyectos, pero puedo hacer clic en las plantillas de Lovable, y puedo hacer clic en Examinar todos para que tengas algunos puntos de partida realmente geniales Dependiendo del tipo de sitio que desee, ¿desea una plataforma de contenido de viajes, formulario de envío de errores para TI, estudio de fotografía, plataforma de mercado de alquileres vacacionales? Producción de películas de IA. Plantilla de página web de Lanning tan visual. Echemos un vistazo a esta plataforma de renta aquí. Para que puedas hacer clic en eso. Seleccione usar Plantilla. Y esto es lo que llamamos un remix. Entonces remix es básicamente tomar un proyecto existente y nombrarlo. Simplemente lo dejaré como esto. Bien, lee el descargo de responsabilidad, reconoce y remezcla. Entonces aquí vamos. Se trata de crear un nuevo proyecto, configurando las integraciones. Y una vez hecho esto, tendremos la capacidad de comenzar desde fuera de la caja y personalizarlo a nuestro gusto. Realmente curioso por ver cómo se ve este. Bien, el remix ya está listo. En el lado izquierdo en el prompt, me está haciendo alguna pregunta. ¿Cuál es tu principal objetivo para este proyecto de remix? ¿Estás construyendo una demostración real de portafolio de productos o aprendiendo la base de código? Pongamos pongamos producto real. A continuación, ¿qué quieres abordar primero? Branding y diseño, integraciones de revés, características y funcionalidad Seleccionemos características y funcionalidad. Vamos a usar Lovable Cloud existente, enviar Y voy a seguir adelante y solo probar esto. Valencia, no estoy seguro si esto tiene algún dato ficticio. Así que vamos a probar esto. Así que en realidad llegamos a probar y jugar con este Vancouver Bien, así que el prompt quiere que respondamos algo. Elimine la demostración, la codificación dura y recuento de demostraciones para que la aplicación pueda ejecutarse con datos y pagos reales de usuarios. Elimine los correos electrónicos específicos de la demostración. Bien. Bueno, voy a decir, sí, sí, empecemos por ahí. Bien, entonces está neutralizado el demo, y sí, podemos seguir modificando Pero creo que entiendes la idea. Tenemos un buen punto de partida. Podemos probar esto. Podemos agregar características. Podemos restablecer las cuentas de administración. Y sí, ese es un ejemplo de cómo usamos una plantilla. Entonces solo quiero mostrarte si queremos remezclar un proyecto mío existente Bien, entonces este es uno de mis proyectos existentes aquí. Lista de Pickleball Si quisiera remezclarlo, daría click en la parte superior izquierda Seleccionaría remixes como proyectos. Yo le daría un nombre. Seleccionaría si quiero incluir el historial del proyecto o no, y luego comenzaría desde un nuevo punto de partida. Así que ya cubrimos un remix cuando usamos la plantilla. Simplemente iré rápidamente a un remix existente porque lleva un tiempo remezclar Sólo vamos a este remix. Y vamos a ver aquí mis primeras indicaciones. Bien, se lo he pedido lo remezclé porque quería darle funcionalidad adicional Entonces agregaría la capacidad buscar a las personas por sus calificaciones. Pero otra razón por la que querrías remezclar es quizás quiero aplicar las mismas características, pero a diferentes deportes Entonces, tal vez un listado de golf listado de campo de golf, o tal vez quieras agregar una nueva característica, solo quieres respaldarla. Entonces, sí, así es como podemos remezclar. Entonces no voy a pasar por todo el proceso, pero lo que voy a hacer es tomarme mi principal cuidado af, escoger una pelota globalista Seleccionaré remix. Yo lo llamaré lista de golf. Entonces básicamente, lo dejaría pasar por el remix, y luego una vez que tenga la capacidad de solicitarlo, solo le pediría que sustituyera los datos con campos de golf en lugar de canchas de pickleball 6. Crea una lista de pickles con adorable.: Este video, te voy a mostrar un sitio codificado por vibra prácticamente terminado creado con Lovable Y esta es una lista de Pickleball. Es una lista global de clubes y canchas de pickleball en todo el mundo, y tiene información adicional Entonces vamos a la página principal. Entonces agrupa las artes por país. Mostrará al mejor jugador de todos los países. Se puede ver el número de canchas que se agrupan para cada país, y hay diferentes puntos de vista. Tienes la vista de mosaico, nosotros tenemos la vista de cuadrícula, que no se agrupa por país, y tenemos la vista de mapa. Y luego tenemos filtros adicionales, para que puedas buscar por puertos que se encuentran en un determinado país. Puedo ver que esto necesita ser arreglado aquí. Pero vamos a escribir una prueba. Tailandia. Y puedes ver aquí que he configurado una base de datos de contraseñas de usuario. Entonces, cuando creas una cuenta, tienes la capacidad de enviar un CORT De hecho, puedes agregar un nuevo CORT a la lista. Y en realidad puedes hacer una reseña. Puedes agregar fotos. Sólo voy a mostrarte uno donde probé agregando una reseña. Así que aquí está la foto que agregué. Por lo que cualquier persona con una cuenta puede hacer un envío. También puedes albergar juegos. Y si, por aquí, puedes crear un juego. Puedes albergar juegos. Y quiero que sea un poco más social para que puedas conectarte con otros jugadores que quizás no conozcas. He creado una bandeja de entrada para interactuar con otros jugadores. El área de perfil. De hecho, puedes seleccionar tu calificación. Consulta los RT que has agregado. Y he creado una vista de administración. Por lo que el Administrador realmente puede aprobar las presentaciones. Bien, entonces esta es la cuenta de Admin. Entonces bajo el Administrador, podemos ver cualquier envío pendiente, todos los aprobados. Para que veas que apruebo esta foto para ese CRT, lo cual es lindo Sí, así que esa es la app picklelist. Y se puede ver el nombre de dominio es tenis pickleball punto Coach Ahora bien, esto es en realidad un subdominio de mi sitio web de Pickleball Tenis a Pickleball y he creado un enlace aquí. Y viceversa. Tengo que refrescar esto. Por lo que esto también debería enlazar de nuevo a mi sitio web. Al hacer clic en el logotipo. Tendremos que publicar la última iteración porque acabo de hacer ese cambio, así que en realidad tendría que publicarla. Entonces déjame llevarte detrás de escena. Permítanme publicar aquí este último cambio. Entonces algunas cosas clave a tener en cuenta, utilizo Lovable para construir este sitio De hecho, estoy usando un sitio de Worpress solo para mi sitio web habitual Creé este sitio de WordPress en WordPress alojado por ScruD así que SiteGround es un sitio web de alojamiento que se sabe que es muy receptivo, recomendado por Gemini AI Se puede ver que ya me ha dado algunas estadísticas, lo cual es interesante porque acabo de crear el sitio. Entonces en lo que se refiere al dominio real. De hecho tuve que crear un subdominio, list dot Pickleball Y luego Lovable, una vez que realmente publiqué la aplicación, te da la posibilidad de apuntar tu dominio personalizado a que puedas enumerarlo a tu subdominio Te voy a dar la dirección IP. Esto fue un poco complicado, pero también se puede acceder desde esta URL aquí. Entonces el proceso, déjame mostrarte el comienzo en el sitio web de Lovable Solo volvamos. Verás, hay muchas partes móviles. Te mostraré algunas de las indicaciones clave para crear esta aplicación. Bien. Construye un directorio profesional de Pickleball global con capacidad de respuesta móvil llamado Picklelist llamado Picklelist La aplicación debería permitir a los usuarios crowdsource ubicaciones de tribunales en todo el mundo El núcleo cuenta con mapa interactivo y búsqueda, entradas de crowdsource, permitiendo a las personas enviar un CORT, perfiles de usuario y una verificación Entonces tenemos una base de datos. Los usuarios pueden agregar sus propias reseñas de perfil. Y luego así eso configura el núcleo, el primer prompt. Y lo que me gusta de Lovable es que te dará algunas oportunidades para tomar algunas decisiones después de enviar el aviso Entonces mi siguiente aviso fue arreglar algunos de los problemas. Y luego quería poblar el directorio con algunas artes reales para empezar, porque para que la pelota ruede, se necesitan algunos datos existentes Por lo que le pedí que llenara el directorio con artes en Canadá usando información en Internet. Lo que hizo. Y estoy familiarizado con estos tribunales, por lo que la IA en Lovable es lo suficientemente inteligente como para sacar algunos datos en Internet Y luego hice cambios menores, permitir que el usuario escoja entre Map y ListView Entonces comencé a hacer algunas pruebas en la aplicación y noté algunas características nuevas que necesitaba. Por lo que permitimos que las personas suban fotos, luego rellenarlas con más datos Y luego configuré una cuenta de administrador para revisar los envíos. Y luego poblé más tribunales en Estados Unidos y México. Y luego Solo arreglando porque no pude ver las fotos después se aprobara una presentación, así que arreglaron eso. Y luego hice algunos cambios en el azulejo. Quería enumerar como velocidades de Internet, costo de vida porque es un sitio de pickleball de destino Y entonces el resto es solo arreglar cosas que no funcionaban. Entonces, aquí está el mensaje para agregar información adicional a las miniaturas. Agregue métricas adicionales a las miniaturas para el destino de pickleball, investigue como el costo de vida mensual, clima actual y las velocidades Wi Entonces eso es, creo, en la vista de cuadrícula. Para que puedas ver toda esa información clave ahí. Y luego establecer la vista predeterminada para que sea grupo por país, y luego los tres mejores jugadores de cada país. Entonces agregué un encabezado de logotipo por aquí, y luego pueden ver que acabo de dar la posibilidad de vincular de nuevo a mis sitios web, agregué un área de mensajería, la capacidad de alojar juegos. Sí, eso es más o menos. Por lo tanto, es un proceso de obtener sus características principales, probarlas y luego averiguar qué es lo que hay que arreglar, agregar características adicionales y simplemente repetir el proceso Y si, la parte final clave aquí fue publicarla en mi dominio. Es bastante trabajo llegar a una etapa de pulido utilizable. Pero siempre hay pequeñas cosas que tal vez necesites arreglar. Pero si refrescamos, refrescamos esto. La única característica que necesito probar es vincular de nuevo al sitio web, y eso funciona. Entonces ahí vamos. Entonces eso es usar Lovable Entonces, para Lovable, volvamos al prompt base aquí para que podamos hacer clic en la parte superior izquierda para volver al tablero Entonces están usando GBT 5.5 y aquí está el prompt principal. Lo que me gusta de Lovable es que es fácil de usar. Es poderosa. Puedes ver tus proyectos existentes. Hay plantillas existentes. Entonces, cualquiera realmente tiene un buen punto de partida para crear una aplicación codificada por vibra, y como puedes ver, he vinculado a mi sitio web real donde simplemente se vuelve como cualquier otra aplicación, y sí, eso es usar WordPress y sentarse tierra. Entonces sí, eso en pocas palabras es como creé el picklelist Lo último que voy a compartir contigo es el costo real. Entonces estoy usando el plan Pro. Entonces voy a mi M. voy a mis planes. Estoy en el plan pro. Entonces el plan P es de $50 US al mes. Y si, son créditos más que suficientes para crear esta app. Entonces me dieron 100 créditos mensuales, y viste que me he agotado. Todavía me quedan 84 créditos, y puedes ver aquí los créditos, se restablecen diariamente y mensualmente, y eso también es algo de lo que quieres estar al tanto. Quieres intentar crear la aplicación en la menor cantidad de créditos, pero también quieres tiempo suficiente para probar y asegurarte de que todos los errores estén resueltos. 7. Publish app: Así que vas a llegar al punto en el tu app esté lista para compartirla con el mundo, y aquí es donde quieres publicar tu app. Puedes probarlo y previsualizarlo tú mismo, pero sí, necesitas publicarlo si quieres compartirlo con el mundo exterior. Entonces el proceso es hacer clic en Publicar, y Lovable realizará escaneos de seguridad Te daré la opción de hacer escaneos básicos de seguridad, cual es genial porque la codificación de vibra a menudo ha sido un punto dolorido de diferentes plataformas de codificación de vibra. Entonces tendrás la opción de publicarlo adorable o un dominio personalizado del que ya tienes . Tengo varios dominios en Namecheap y Go Daddy, y eso está bien, y Lovable hace un gran trabajo al conectarte a esas plataformas o darte las al conectarte a esas plataformas o También tengo dominios en SiteGround, y allí hay una buena integración con Lovable Por lo que te recomiendo usar Sight ground como plataforma para tus dominios, así como sitios web. Utilizo la plataforma para alojar mis sitios web de WordPress. Y funciona bien con Lovable. Ahora, una cosa más es, si quieres guardar el código, puedes hacerlo conectándolo a una plataforma llamada GitHub. Entonces GitHub es una plataforma donde los desarrolladores realmente trabajan con, almacenan el código en lo que llamamos repositorios Entonces, una vez que hayas terminado con tu proyecto Lovable, en realidad podrías guardar el código allí Tal vez quieras revender tu código como plantilla o compartirlo con un equipo diferente Entonces voy a cubrir cómo hacer eso también. También puedes simplemente compartir tu proyecto como una plantilla adorable con otros de forma gratuita, y también te mostraré cómo hacerlo También puedes remezclar un proyecto que hayas creado. Así que al crear una versión diferente del mismo, tal vez hayas creado una lista de Pickleball y quieras crear una lista de golf Voy a compartir cómo hacer eso, también. Siempre y cuando no tengas un no aceptas pagos usando Stripe, puedes remezclar un proyecto Entonces con eso dicho, vamos a llegar a ello. 8. Guardar en Github: Voy a compartir cómo puedes tomar tu adorable proyecto de codificación de vibra y sincronizarlo con GitHub, que es la plataforma que puedes traer el código para tu proyecto y almacenarlo ahí, descargarlo como un archivo zip para que puedas compartirlo con un desarrollador para seguir refinando tu proyecto o tal vez quieras vender tu plantilla adorable a otra persona Así que tengo a mi amigo del patio de golf del proyecto. Voy a pasar el cursor sobre el lado izquierdo. Voy a hacer clic en los tres puntos suspensivos. Voy a hacer clic en Configuración. Entonces en el lado izquierdo, bajo proyecto, puedo ver a Git. Entonces voy a hacer clic en Git. Voy a elegir sincronizar con Git. Y puedes ver que estamos conectados, y puedo hacer clic en este desplegable para seleccionar Ver en GitHub Entonces GitHub es una plataforma completamente diferente. Y debajo de esta área de código, puedo hacer clic en esa y seleccionar Descargar ZIP. Entonces lo que eso hace es que tengo un archivo completamente contenido o archivos cyto en el zip que tienen todos los componentes de codificación que un desarrollador necesitaría para seguir trabajando en esto, o tal vez quieran, como dije, usar mi plantilla fuera de la plataforma adorable Así es como podemos guardar nuestro proyecto en GitHub. 9. Conclusión: Bien, entonces esto concluye nuestro curso de Lovable para codificación de vibra Es julio de 2026, y Lovable ha mejorado su producto. Han agregado más plantillas. Han agregado los potentes conectores, que le han permitido conectarse fácilmente a plataformas como Stripe para tomar pagos para crear aplicaciones que puedan crear cuentas de usuario fácilmente. conectarte a Google Drive o TikTok, usando los conectores Y he construido algunas bonitas lo que diría, aplicaciones bastante funcionales que en realidad he publicado en Internet usando esta versión de Lovable. Yo diría Lovable en años pasados. Yo diría que Lovable en años pasados no estaba listo para eso, pero puedo ver las mejoras que ahora puedes editar y crear desde tu app Ahí está el escaneo de seguridad, y cuando publicas, hay una estrecha integración con SytGround que utilizo para alojar mis dominios y Entonces me emociona ver a dónde puedo llevar esto, donde puedes tomar los conocimientos que has recogido en este curso para ver qué puedes crear. Como puedes ver, he creado lista Pickleball, portafolio de TikTok . Creé la tienda digital Drive para vender mis imágenes de mi Google Drive, y mucho más. Entonces es tu turno ahora de ver qué puedes crear con las habilidades y tu creatividad. Buena suerte en tu futuro viaje de codificación de vibra.