Astro - Sitios Estaticos con React, Vue, Svelte, Typescript y Más (astro.build)

Поділитися
Вставка
  • Опубліковано 8 лис 2024

КОМЕНТАРІ • 105

  • @mrx-games
    @mrx-games 2 роки тому +5

    Gracias a ti FAZT empecé en el mundo del desarrollo web. De los mejores creadores de contenido de desarrollo. Gracias por compartir tus conocimientos con nosotros. Espero algun dia conocernos de colega a colega 😁

  • @richardjorgemirandaabarca2349
    @richardjorgemirandaabarca2349 Рік тому +1

    La introducción a la herramienta, lo mejor es que se integran con otros Frameworks de JavaScript. Gracias.

  • @jaular14
    @jaular14 2 роки тому +8

    Excelente introducción, gracias.
    Esperando un vídeo de Astro con algún headless CMS 🙏

  • @sirandriew167
    @sirandriew167 2 роки тому +2

    Excelente mi brother, hace días estaba tratando de hacer un blog con svelte por eso de enrutamiento, componentes, etc pero la verdad se me hizo un poco abrumador porque no sabía como usar el anidado, pero con esta explicación tan amena la verdad me enseñaste una herramienta muy buena que comenzaré a utilizar! Saludos!

  • @david.t.v9211
    @david.t.v9211 2 роки тому

    Muy bueno, desde ahora en adelante utilizaré Astro en vez del tradicional html y css de toda la vida.

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 2 роки тому +6

    Buena , me gusta lo activo que estás con tu canal 👍👍 gracias por la aclaración de astro

  • @jhonfa94
    @jhonfa94 2 роки тому

    Excelente video, me gusto mucho la introducción a la herramienta, lo mejor es que se integran con otros frameworks de JavaScript. Lo cual lo hace muy llamativo.

  • @Fermx95
    @Fermx95 Рік тому

    Wow siempre soñé poder integrar varias herramientas en un solo proyecto de forma sencilla, y esto es justo eso, INCREÍBLE!
    Excelente video como siempre!

  • @antunez19
    @antunez19 2 роки тому +27

    Genial introduccion, un ejemplo práctico con Vue3 estaría genial, algún tipo de blog con un dashboard para el admin, los post en MD y como estilizar este MD. Gracias!

    • @FaztCode
      @FaztCode  2 роки тому +14

      Lo apunto para elaborar algo pronto :)

    • @soran2290
      @soran2290 2 роки тому +1

      @@FaztCode si lo elaboraste?

    • @FabianMontoya
      @FabianMontoya Рік тому

      Si se hizo en algún momento o no? jeje

  • @byronsh514
    @byronsh514 Рік тому

    Excelente trabajo esta introduccion esta super util para entender las bases de astro y partir de algo para seguir !!

  • @cerm88
    @cerm88 2 роки тому

    Astro, Nuxt, Next lo mejor de lo mejor para sitios webs!

  • @omargian_stw1305
    @omargian_stw1305 Рік тому

    Buenísimo! Un ejemplo super práctico! Gracias.... Estaría genial que nos muestres como podemos integrar esta herramienta con WordPress. Saludos.

  • @codeandopythonalgotrading
    @codeandopythonalgotrading Рік тому

    Qué Makinaaa estás hecho! Para mi eres el mejor maestro!! abrazos

  • @keilerguardo2164
    @keilerguardo2164 2 роки тому

    Excelente video, hace tiempo tenía ganas de probar Astro, pero no me tomaba el tiempo, con esta intro de seguro que empezaré a utilizarlo en pequeños proyectos para mis clientes.

  • @bobbradleybell
    @bobbradleybell 2 роки тому

    Wow, siempre información de última. He aprendido y reforzado bastante con tu canal. Gracias y Saludos.

  • @josemariadiy6400
    @josemariadiy6400 2 роки тому +1

    Faltó la "C'.
    Buen video. 👍👍

  • @SonGoku-pc7jl
    @SonGoku-pc7jl 2 роки тому

    uau fazt! tenia muchas ganas de tu curso de astro y la verdad que disfruté mucho! muchas gracias! si haces otro curso para ampliar conocimientos seria de agradecer, un blog o lo que te apetezca :)

  • @jesus_84_
    @jesus_84_ 2 роки тому +1

    Maestro de maestros.

  • @rober5461
    @rober5461 2 роки тому

    Increible explicación, muy clara y práctica!

  • @mure5437
    @mure5437 2 роки тому

    Mejor explicado, imposible! Gracias! 🦾

  • @danielcr3989
    @danielcr3989 Рік тому

    Máaaaas de Astro, es muy interesante, gracias por el contenido

  • @fabianmolina15
    @fabianmolina15 2 роки тому

    Ya lo vi completo la verdad es que me ha sorprendido, seria bueno un blog o quizas una aplicación mas reactiva, dado que soporta muchas funcionalidades inclusive SSR. Me gustaria que hicieras algún clon de una red social, obviamente sin tanto backend, seria una practica bastante avanzada y compilaria todos los temas de este framework

    • @FaztCode
      @FaztCode  2 роки тому +1

      Estos dias voy a estar publicando algunos tutoriales de Supabase, creo que podria combinar bastante bien un backend en supabase y el frontend en Astro creando un blog o algo sencillo :)

  • @LWBcode
    @LWBcode Рік тому

    Bellísimo, muchas gracias

  • @bellosalcedooswaldo
    @bellosalcedooswaldo 2 роки тому

    Excelente video Fazt, como siempre brindando conocimiento valiosisimo. Ejemplos seria bueno una mini academia o el home de tu pagina con Astro

  • @joselife-on4029
    @joselife-on4029 2 роки тому +1

    Hola Fazt, un video mas de tantos geniales. Gracias por darnos las herramientas para aprender. Duda que me quedo, con Astro al terminar se hace un "building" y genera archivos estaticos que se pueden suvir a un hosting compartido? los tipicos html, CSS y JS.

    • @FaztCode
      @FaztCode  2 роки тому +2

      Hola Jose, si asi, es como son archivos estaticos puedes subirlos a tu hosting compartido sin ningun problema :)

    • @joselife-on4029
      @joselife-on4029 2 роки тому

      @@FaztCode Gracias Fazt, quiero que sepas que por gente como vos yo estoy programando a mis 44 años. Bendiciones.

  • @saimonjt585
    @saimonjt585 2 роки тому

    Gracias, esperando el vídeo de supabase

  • @TheFranco887
    @TheFranco887 Рік тому

    Genial video. Consulta, que extensión de visual usas para que te sugiera el código que vas a escribir? Graciass

  • @DanielCodContent
    @DanielCodContent 2 роки тому

    Que casualidad , es justamente mi fondo de pantalla :O (la luna roja detras de la montaña)

  • @vitocodev
    @vitocodev 2 роки тому

    Es justo lo que buscaba

  • @josuedavidkennedymamani3576
    @josuedavidkennedymamani3576 2 роки тому

    todos tus tutoriales son geniales gracias por el video

  • @johngualteros3868
    @johngualteros3868 2 роки тому

    gracias bro lo espere ayer y no lo subiste pero bueno mejor tarde que nunca

  • @yavallejo
    @yavallejo 2 роки тому

    Excelente introduccion, seria interesante algo con WordPress (como HeadLess), saludos

  • @richardramirez5746
    @richardramirez5746 Рік тому

    Creo en FAZT TODOPODEROSO que me fortalece

  • @BlackMilo87
    @BlackMilo87 2 роки тому +1

    Bro esta perfecto pero cuál me recomiendas no se si has probado remix?? Cuál ves mejor este o remix en facilidad y optimización.

    • @FaztCode
      @FaztCode  2 роки тому +4

      Astro esta pensado para crear sitios estaticos, Remix esta pensado para crear aplicaciones web, y no soporta generar sitios estaticos. Ademas Astro no esta relacionado a React, Remix depende de React. Si vas a crear un panel de control una aplicacion altamente interactiva ve por Remix o Nextjs, si vas a crear un sitio sencillo como un blog, o algun sitio informativo ve por Astro. Saludos

    • @BlackMilo87
      @BlackMilo87 2 роки тому

      @@FaztCode gracias amigo si medio le quedó claro por tu vídeo al final creo que será algo genial para cosas no tan complejas, me encantó saludos y gracias por tu respuesta.

    • @BlackMilo87
      @BlackMilo87 2 роки тому

      @@FaztCode una duda no crees q esa forma de poner java sea mejor ya que no hay muchas inyecciones de datos más que cuando se requiere osea si se pule bien puede ser el camino esto solo java en lo requerido y lo demás HTML.

  • @mmbiographies
    @mmbiographies Рік тому

    Muy buen video acerca de Astro, no estaba seguro ni convencido de su funcionalidad y me termino convenciendo. Se que puede sonar un poco ignorante, pero quisiera saber si por ejemplo quiero traer unos datos de una base de datos local o en la nube y mostrarlos con Astro, como podria hacerlo? Para lo contrario igual, si creo datos y los guardo en una base de datos y luego quiero acceder a esta, se puede usar astro o necesito usar un backed para acceder a estos datos?

  • @alejandroquinonescaicedo8
    @alejandroquinonescaicedo8 2 роки тому

    Muy buen vídeo, esperando con ansias uno de Nextjs 12

  • @icabanah
    @icabanah 2 роки тому

    Genial compatriota 😎🤟🏼

  • @yurirodriguezrodriguez7023
    @yurirodriguezrodriguez7023 Рік тому

    que genial

  • @jampy42
    @jampy42 2 роки тому

    Podrias hacer un blog con astro y strapi? Seria genial verlo en una aplicacion un poco mas real :)

  • @rubenhernandezhernandez9596
    @rubenhernandezhernandez9596 2 роки тому

    Excelente video!! 👌
    Una pregunta, que extensión usas en tu navegador para ver los json formateados así? 👀

    • @FaztCode
      @FaztCode  2 роки тому +1

      Hola Rubén esa se llama JSON Viewer

  • @AlanDanielx
    @AlanDanielx 2 роки тому

    Vaya que se parece mucho a Svelte

  • @julianriedinger2540
    @julianriedinger2540 2 роки тому

    Muy buen video Fazt! Cual es la font family que usas en vs code?

    • @FaztCode
      @FaztCode  2 роки тому +1

      Hola Julián el de este video es FiraCode de Nerdfonts

  • @sanchez-emir
    @sanchez-emir Рік тому

    Hola, me recomiendas usar para un ecommerce?

  • @andriux2003
    @andriux2003 Рік тому

    chicos si les salta un error al escribir en npm, recuerden instalar nodejs y reiniciar la compu, después de eso debería de funcionarle correctamente

  • @Naru-sl2iq
    @Naru-sl2iq 2 роки тому

    Recomendarías Astro en vez de nextjs para crear una documentación?
    Por cierto buen vídeo :)

    • @FaztCode
      @FaztCode  2 роки тому

      Personalmente si usaría Astro para documentaciones en lugar de Nextjs, es más simple en mi opinion

  • @PterPmntaM
    @PterPmntaM 2 роки тому

    Excelente video, pero no veo que sea posible usarlo con Angular, o al menos eso parece. Si es posible con Angular?

  • @soran2290
    @soran2290 2 роки тому

    Y como cambiarias una clase active para cuando estás en un menú?

  • @joelventura76
    @joelventura76 2 роки тому

    Está interesante!

  • @jorgeassaf
    @jorgeassaf 2 роки тому

    Gracias fazt!!

  • @pablov.viteri9345
    @pablov.viteri9345 2 роки тому

    Gracias

  • @jorgeassaf
    @jorgeassaf 2 роки тому

    Más videos con astro bro!!!

  • @giovannymix
    @giovannymix 4 місяці тому

    Se puede trabajar Astro con Angular?

  • @adrianmontilla5626
    @adrianmontilla5626 2 роки тому

    contenido de calidad Fazt cómo siempre, oye Fazt tengo una pregunta porque quiero aprender desarrollo web backend y no tengo la menor idea por dónde empezar, entonces me podrías dar algúna ruta o guía que me ayude a empezar a estudiar?

    • @FaztCode
      @FaztCode  2 роки тому +2

      Hola Adrian, si ya conoces algo de Javacript, te recomendaria aprender Nodejs, aqui usaras Javascript pero para crear aplicaciones backend. A partir de aqui puedes continuar con Expressjs, que es un framework de Nodejs, luego aprendes alguna base de datos, y ya estarias empezando.

    • @adrianmontilla5626
      @adrianmontilla5626 2 роки тому

      @@FaztCode Muy bien, muchísimas gracias Fazt gracias!!

  • @murphishouse
    @murphishouse 2 роки тому

    Hola Fazt me pregunto y te pregunto cual generador es mejor para hacer la documentación de usuario del sitio web o aplicación que permita buscar y navegar por ella. Y algo mejor que pasa si quiero volcar la info de un proyecto de desarrollo?

    • @FaztCode
      @FaztCode  2 роки тому +1

      Hola Martin, hay varios generadores de Documentacion, pero entre los que estoy viendo bastante en muchos proyectos actuales son:
      Docosaurus: docusaurus.io/
      y tambien Storybook (aunque esta herramienta hace mucho mas, como testing, mide el rendimiento, accesibilidad, de componentes, etc)
      ambos también ofrecen búsqueda usando Algolia incluidos por defecto, te recomiendo empezar por estos

    • @murphishouse
      @murphishouse 2 роки тому

      @@FaztCode gracias por responder

  • @rgomara
    @rgomara Місяць тому

    Cual sería la diferencia con HUGO?

  • @avaricia369
    @avaricia369 2 роки тому

    Buenas. Tienes un video de Three.js?

  • @naname356
    @naname356 2 роки тому

    Tío Fazt Salúdame porfavor! Me gusta tu contenido Bro, Saludos!!!

    • @FaztCode
      @FaztCode  2 роки тому +2

      Hola Sobrino Hlwnm :D

    • @naname356
      @naname356 2 роки тому

      @@FaztCode Gracias n.n!

  • @ianrivas9404
    @ianrivas9404 2 роки тому

    Maestro Fazt no te das una idea de como me ayudan tus videos. Mil gracias

  • @ErickGarcia_dev
    @ErickGarcia_dev 2 роки тому

    Excelente introducción pero estoy confundido. A la final Astro sirve para sitios estáticos pero también puedo importar componentes de react.
    Que pasa si quiero importar todos los componentes de una app grande hecha en react, sigue funcionando de forma estática y rápida o empieza a afectar el rendimiento.
    Astro tiene limitaciones a la hora de importar componentes y funcionalidades de react???

    • @FaztCode
      @FaztCode  2 роки тому +1

      Hola Erick, si entiendo tu confusión. Astro es un generador de sitios estaticos principalmente, pero adicionalmente te permite crear e importar componentes de React, a medida que la pagina necesite esa funcionalidad de Javascript.
      Sin embargo no es su principal enfoque de la herrmienta, ya que se enfoca mas en HTML, que en Javascript.
      Asi que si ya tienes una app grande en React, esta no podra funcionar de la misma forma en astro, porque muchos componentes como un context, reducers, callbacks y hooks, no son cargados inmediatamente sino de a poco, siendo muy dificil crear una aplicacion altamente interactiva basada en Javascript. Se tiene que usar otro enfoque. Aunque si buscas convertir una aplicacion grande, y ciertas partes dejar en contenido estatico, te recomedaria ver Frameworks como Nextjs, Remix, Fresh, o Qwik :)

    • @ErickGarcia_dev
      @ErickGarcia_dev 2 роки тому

      @@FaztCode así es Fazt, creo que Astro debe replantear la implementación de componentes de frameworks como react pero a la vez nosotros como usuarios debemos saber cuales pueden ser esas ventajas u oportunidades que nos puede generar dichas implementaciones.
      Como siempre muy buena introducción y muy bien explicado. Muchas gracias 😎😎

  • @zagdog92
    @zagdog92 2 роки тому

    me recuerda mucho a blade jajaj xD

  • @Holri
    @Holri 2 роки тому

    Master 🐉

  • @cisoftheredia4988
    @cisoftheredia4988 2 роки тому

    en tus contenido pago tienes videos para crear apps Android o flutter ?

    • @FaztCode
      @FaztCode  2 роки тому +1

      De momento no tengo amigo, pero si llego a publicar algo, lo anuciare por aqui :)

    • @cisoftheredia4988
      @cisoftheredia4988 2 роки тому

      @@FaztCode muy bien, gracias estaré al pendiente

  • @agoto9420
    @agoto9420 2 роки тому

    Hola fazt! tengo una duda sobre uno de tus tutoriales, quisiera entrar a tu canal de discord para ver si pueden solucionar mi problema pero la invitacion al canal caduco (o al menos ese cartel me aparece a mi)

    • @FaztCode
      @FaztCode  2 роки тому +1

      Hola Agustin, sí cambiaron el enlace los moderadores, pero te dejo el enlace al discord:
      discord.gg/JpnY3YqzCN

  • @Fermx95
    @Fermx95 Рік тому

    Como haces que la barra de descarga en la terminal sea de COLORES?

  • @DiegoDCast
    @DiegoDCast 9 місяців тому

    Se podria con Angular?

    • @FaztCode
      @FaztCode  9 місяців тому

      No se puede usar con angular, Astro solo funciona con los frameworks que usan vitejs de momento :)

  • @Austin_de_Backyardigans
    @Austin_de_Backyardigans 2 роки тому

    es como un nextjs no?

    • @FaztCode
      @FaztCode  2 роки тому

      Tienes algunos parecidos como su enrutador, pero next solo funciona con React :)

  • @barsactividades2592
    @barsactividades2592 2 роки тому

    hacé un deploy de astro

  • @fabianmolina15
    @fabianmolina15 2 роки тому

    Lo unico que veo es que no hay extensión para vim aun, se me a complicado mucho volver a desarrollar en VSCode 😐

    • @FaztCode
      @FaztCode  2 роки тому

      No hay muchos populares, pero hay repos por alli, por ejemplo este para la sintaxis:
      github.com/elel-dev/vim-astro-syntax

  • @gyko5813
    @gyko5813 11 місяців тому

    Alguno sabe cómo utilizar el @layer con Tailwind?

  • @BlackMilo87
    @BlackMilo87 2 роки тому

    Osea ya entendí si es página sencilla web sin bd y con back y bd mejor remix creo.

    • @FaztCode
      @FaztCode  2 роки тому

      asi es (mas o menos)

  • @cesaralbertogarcia685
    @cesaralbertogarcia685 2 роки тому +1

    Primer comentario

  • @zagdog92
    @zagdog92 2 роки тому

    ahhh no me deja agregar bootstrap.....

    • @FaztCode
      @FaztCode  2 роки тому

      Obtienes algún error? 🤔

    • @zagdog92
      @zagdog92 2 роки тому

      @@FaztCode por npm no me deja y los comandos de integración me dicen que es incompatible jeje el css si lo deja importar, mas el js de me da error por el doom , ya que me dice que las metodos del dom no se pueden cargar des de node

  • @moisesreinaldoreyesflores8426
    @moisesreinaldoreyesflores8426 2 роки тому

    Y el link de discord? 😔

    • @FaztCode
      @FaztCode  2 роки тому

      Hola Moises, te dejo un enlace: discord.gg/JpnY3YqzCN