Curso de Astro, Generador de Sitios Web Estáticos

[@franc0tic0]

Te sigo hace 3 años y empecé en este mundo por vos querido Fazt, no ha sido fácil pero nunca se pierde el entusiasmo y menos con gente como vos realizando contenido, ayudando a la comunidad y guiandonos en este camino tan lindo del desarrollo web. Será un placer hacer este nuevo curso. Te mando unas felices fiestas y este 2023 le metemos con todo. A cumplir metas!

[@iloveyouneeamaneeama7812]

ط

[@dylanpotoy5844]

Empecé en este mundo desde tus primeros cursos de python, y gracias a ti descubri lo que me apasiona, gracias por inspirar a otros!

[@gabz_23]

E escuchado mucho sobre Astro, ahora gracias a ti, comenzaré a estudiarlo! Exelente fazt nunca dejas de sorprenderme

[@camiloandressandovaldelgad281]

Fazt, de los mejores divulgadores de programación e informática!! Explicaciones claras y contenido de muy alta calidad!

[@kinkyolga9668]

Hasta el momento, este ha sido el mejor tutorial de astro que he visto! Muy muy bueno! Gracias por compartir

[@ferxas4560]

Eres el mejor Fazt, increíble forma de finalizar el año, eres simplemente mi ídolo.

[@DEVGITI]

Conocer este Framework, fue como amor a primera vista, me encanta.

[@the_graytest]

Qué chulada de framework, se siente tan natural y muy fino, nada de cosas raras jaja. Felices fiestas Faztro :D

[@starckops8692]

Gracias Fazt muchas cosas de las que se, las aprendí contigo, realmente me gastaría conocerte e invitarte un café, pero en fin MIL GRACIAS ME AYUDAS BASTANTE... Eres el Mejor... Aprendi mas contigo que estando en la Univesidad ABRAZOS... 🤗🤗🤗🤗🤗

[@DharmendraKumar-i4v4k]

Como traders, no vivimos para poner todos nuestros huevos en una canasta, especialmente ahora que el mercado de criptomonedas está alcista. No nos quedamos sentados y cruzamos las manos sin obtener más ganancias y para eso, necesitaríamos un entrenador profesional de trading intradía de Bitcoin. La predicción comercial del trader Martin Davis es la mejor para el trading intradía.

[@HerajRam-u4t]

Esto es interesante. He escuchado mucho sobre la misma persona no hace mucho tiempo, ¿cómo puedo contactarlo?

[@DharmendraKumar-i4v4k]

Telegram está activo ;( 🚀🚀

[@DharmendraKumar-i4v4k]

@MartinDtrader✊

[@HerajRam-u4t]

Gracias por la información... Me comunicaré con él lo antes posible. También quiero obtener un buen conocimiento y dejar de perder.

[@KamalVai-t7v]

❤.....Estaré eternamente agradecido contigo, cambiaste mi vida por completo y seguiré predicando en tu nombre para que todo el mundo sepa que me salvaste de una enorme deuda financiera con solo una pequeña inversión, gracias Martin Davis.

[@soundwaveofdark99]

Soy nuevo, pero debido a la necesidad de tener un mejor trabajo me ha costado encontrar, empece este camino hacia el desarrollo y no es nada fácil pero personas como tu, es lo que nos motivan a seguir aprendiendo. Quiero ser full stack, no es nada facil

[@juanjcarvajalg]

Excelente contenido, pedagogía y conocimiento. Gracias por tu esfuerzo y por enseñar a nosotros los principiantes, y a toda la comunidad. Aquí seguimos, preparándonos desde Venezuela, Gracias

[@manularrere]

Me gusto tanto este video de Astro que me puse hacer el proyecto con vos. Una buena alternativa para los sitios estaticos. Muchas gracias por la explicacion

[@ljimenezt]

Muchas gracias por tu aporte. Sumamente claro y facil de seguir. Incluso fue mi primera vez utilizando tailwind, lo que facilita mucho el desarrollo.

[@joseandresmontesino4214]

El primero en llegar vamos a darle A ver estás 4 hrs de material de calidad

[@braidata]

El mejor! Todo lo que he aprendido empezó con un video de Fast!

[@snackspixels]

Varias horas pero muy bueno el contenido, explicado a detalle! Excelente Fazt!

[@jevar4502]

Y cuando pensé que papá Noel se olvidó de mi.....llegó fazt con un curso!....gracias bro!!

[@cesarcontrerasc2509]

Fazt nuevamente la rompes, muchas gracias por tanto contenido tan genial.

[@edgarguitarist]

Me encantan tus videos, yo ya sabía Astro... tengo algunos proyectos, pero me disfrute tu tutorial de principio a fin! Te deseo lo mejor! ✨✨

[@luisaquinoc6548]

Fazt excelente !!!! gracias por incrementar mis conocimientos, siempre te sigo!!!

[@cristianfernando2951]

Brutal video de introducción a Astro! Como recomendación me gustaría muchisimo un video con otras caracteristicas de Astro como por ejemplo la nueva API de Colections para gestión de archivos md, el uso de otras integraciones como el uso de componentes React, Vue o Svelte en Astro y también las directivas del cliente para entender un poco mas la arquitectura de islas. Muchas felicidades por generar tan buen contenido pra la comunidad de desarrollo web!

[@lexanddev3731]

muchas gracias recién aterrizo a tu canal y lo explicas muy bien, empezamos el año aprendiendo astro y se me hizo muy amigable a pesar de no saber manejar frameworks ya que recién comienzo en este mundillo del desarrollo, gracias por el curso y a seguir cumpliendo mas objetivos FELIZ AÑO 💥💥

[@mauriciocabrera562]

me dormi con un video y me desperte con esto en la hora 3 💀

[@lisslr1944]

Pense que era la unica 💀

[@danae.5160]

Yo igual 😦

[@EderNuñez-q3h]

Fak yo igual

[@rubertsanchez6565]

Yo igual 😢

[@Darkweaver-iu2xr]

Yo iguaaaal

[@pedrok1557]

Fazt sos un genio..te deceo un feliz año💥💥 y que dios te devuelva en felicidad todo lo que haces por esta comunidad...muchas gracias👍✌

[@HarshitYadav-u2q]

Как всё отлично пояснено, для меня на данный момент - это лучшая связка, всё детально и по делу. Благодарю

[@sebaprogrammer]

genial!!, una delicia para cerrar el 2022 con la potencia de Astro!.

[@syberiaok]

Excelente curso, sos muy claro para transmitir y se entiende todo muy bien! Muchas gracias!!!!

[@WayraInnovaTech]

Gracias por este excelente tutorial, tuve dificultades, no me reconocía los archivos de estilo, pero se solucionó.

[@alejandrogrisales1691]

bro como lo solucionaste a mi me esta creando un archivo _astro y no me esta cogiendo los archivos

[@WayraInnovaTech]

Hola, en la carpeta dist el que te genera al hacer build, la carpeta de estilos "_astro " cámbialo por otro nombre, yo le puse "styles" y al archivo css dentro le puse "style.css" y en el head del index.html le puse o modifique el link de estilos:

[@fredyvillamil]

gracias Fazt haces un gran trabajo por la comunidad DEv.!

[@Ray_Diaz_13]

Gracias Fazt, feliz Año Nuevo y gracias por tanto que nos aportas, que todo el año que venga para ti esté lleno de salud y mucha más energía así como sabiduría, bendiciones para ti y tu familia.

[@FaztTech]

Muchas bendiciones igualmente 🎉

[@maolink2]

Fazt feliz año, muchas bendiciones, que tus proyectos laborales y personales sigan creciendo, y por supuesto nos sigas acompañando con tus maravillosos videos. Gracias

[@SlashOS]

Excelente video nos hizo a mi amigo y ami incursionar este mundo de Astro gracias Fazt

[@carloscervantes3603]

Que chingon eres Fazt!!! muchas gracias por todo lo que compartes

[@Andres_cali]

Gracias apito, feliz navidad. Todo el año nos das los mejores regalos.

[@carolinavallejo284]

Estaba esperando este tutorial, gracias Fazt!!!

[@JimyDrive]

El mejor regalo de Navidad. Muchas gracias Fazt

[@cristiancano151]

Gracias Fazt, un muy buen curso, explicas todo muy bien y a detalle

[@jonathan8406]

Gracias Fazt por tu contenido este video me llegó como Navidad! Lo que esperaba bastante 🦀🐢, Espero hayas pasado Feliz Navidad

[@FaztTech]

Feliz navidad igualmente Jonathan 🎉

[@josejara8096]

Tengo un sabor agridulce de esta herramienta, es verdad que esa fácil para algunas cosas, pero para otras como blogs con URL dinámica, no es tan sencillo, al final me pase a svelte-

[@cleidysbrooks]

Espero que hayas pasado una Feliz, Bendecida y Hermosa Navidad 🙏 Gracias muchas gracias por tu dedication a enseñar.

[@angelicagalloarias6146]

estaba esperando este tuto con muchas ansias!!! gracias Fazt

[@hernanarroyo2956]

Gracias por tanto Fazt querido. Me gustaría que hagas un tutorial de SSR con Astro, React/Preact, y Tailwind. Recomiendo para no renegar con gh-pages, utilizar Vercel. Desde la terminal con: npm i -g vercel vercel Te deployea todo automáticamente. Otra que me gusta es Render, pero Astro no tiene doc🎻.

[@linknatsu5426]

Si es cierto lo que dice con vercel no te da errores al momento de despliegar tu web, muchisimas gracias por el tip

[@jaimeviloriogreen]

Aunque tus aportes son invaluables, recomiendo ver este tuto con la documentación en la mano, primero porque obviamente no puedes cubrir todo lo que un framework implica en unas cuantas horas de video, y segundo porque la tecnología cambia a ritmo vertiginoso, por ende, no hay mejor lugar que ir a la fuente.

[@AlfonsoNeilJimenezCasallas]

Felices fiestas 🎄🎆🎇 y a seguir celebrando la tercera 🇦🇷🏆🌟

[@pablotaddei]

extraordinario cursos muchas gracias 👏👏👏👏

[@mardev666]

Me encantan tus cursos!! también estaría bueno un tutorial completo de react native con expo y o cli

[@FaztTech]

Hace tiempo cree uno kzbin.info/www/bejne/nomnfoqbeZV4iK8

[@MauroToledo-xo2ru]

tremendo Muchas gracias bro, sin ti no se que haría

[@juanitoprz456]

Eso sí es un buen regalo de navidad. Gracias Fazt ;)

[@carlosurielvillegas3904]

Gracias Fazt, muy claro, me fallo el deploy, lo hice git y en Netlify

[@franzquispe7357]

Excelente curso (quede ciego cuando cambio el tema de su navegador 😅😅😅)

[@ELCHOROPAVT-fu7xn]

Очень полезное видео для сообщества, спасибо!

[@leonelelizarraraz3004]

Me encantó el video. esperando el curso de tailwind

[@wiliamsalexandertzocixcoy7439]

Gracias Fazt, justo quería aprender Astro❤

[@soyACHEE]

Gracias Fazt... Muchas gracias!!!

[@JuanManuel-ed1xf]

Buenas a mi me sucede que cuando pongo el "npm run build" en la consola. me exporta todo menos la carpeta assets que es donde tengo mis imagenes entonces... que deberia configurar para que aparezca en el build?

[@sergiomo9977]

Excelente curso Gracias Fazt.!!!

[@sebastian-ns7ou]

Sos un genio! Gracias por el video.

[@benjanz]

sos lo más Fazt!

[@gaarmy]

Te quiero mucho tio Fazt

[@historiaseneltiempo6954]

Excelente como siempre!!!

[@cesarmejias9008]

Me ha gustado, me vi este curso gracias a tu tweet y al video donde indicas que usas Astro para hacer sitios web estaticos. Hace mas de un año le hice una pagina empresarial a un tío con puro html y css, ahora que la veo me da penita xd la voy a rehacer con Astro. Llevo casi dos años desde que empecé a aprender todo estos temas, ha sido difícil, mas por conseguir trabajo que se me hace tan necesario si quiero continuar bien estudiando esta carrera. Buenos videos Fazt 👍me he leido algunos articulos tuyos, y me gusta en el que hablas de tu pagina web, la verdad me esperaba conseguir el repo o un video codeando tu sitio web jaja me gusta mucho y ando pensando en como hiciste el buscador ¿🤔?

[@valentinfeller121]

Listo, solucionado. Faltaba un nivel en la carpeta de enlace de la etiqueta del head :)

[@cristianch4456]

Si si tu hija

[@jesus_84_]

Maestro de maestros.

[@efrenanastacio6337]

En mi caso para el problema de que no carga el css, en la carpeta dist le cambie el nombre a la carpeta y el archivo que se genera por defecto cuando se ejecuta el comando npm run build, y con ello me funciono, en index.html deje el link solo a la carpeta css de esta forma: href="css/main.css" y todo funciona bien

[@kalethdiaz7455]

aparte de este curso tan bueno, quiero tener tu fondo xD. compártelo fazt.

[@osirisremolinam.4950]

Excelente estimado FAZT

[@nilspineda]

Excelente video Fazt muchas gracias por seguir haciendo tutoriales, Una pregunta esto lo puedo desplegar en cualquier servidor como un hosting compartido?

[@FaztTech]

Si claro, al final como son html css y demás puedes subirlo en hosting compartidos también con ftp incluso

[@carlosnavarrorodriguez1443]

Gracias bro!

[@Thepizzaf]

Por si alguien le aparece este error en la terminal: PS C:\Users\Admin\Desktop\astro-curso> > astro-curso@0.0.1 dev > astro dev "astro" no se reconoce como un comando interno o externo, programa o archivo por lotes ejecutable. Lo mejor es instalar astro de forma local o global, en la terminal escribe : Global: npm install -g astro Local: npm install astro

[@FaztTech]

Excelente aporte

[@tobbye280]

Si ya se react, vale la pena cambiar a astro? Cual es la ventaja de astro por sobre react?

[@elbananerosoyyooo8394]

hola tengo una duda en vue 3 si en inicio.vue tengo un formulario de categoria con el nombre y imagen cuando registro s guarda bien el nombre de la imagen pero el fisico archivo como puedo hacer que se guarde en una carpeta en la raiz de mi proyecto porfa ayuda

[@claudiohbl]

Hola, no había escuchado antes de Astro. Comencé con este curso, y tengo el primer inconveniente. con la importación de imágenes. me marca con rojo src. tengo lo siguiente: import bgImage from "../../edificios.jpeg"; y el mensaje es: El tipo 'ImageMetadata' no se puede asignar al tipo 'string'.ts(2322) astro-jsx.d.ts(701, 3): El tipo esperado procede de la propiedad "src", que se declara aquí en el tipo "ImgHTMLAttributes" The image URL. This attribute is mandatory for the element. On browsers supporting srcset, src is treated like a candidate image with a pixel density descriptor 1x unless an image with this pixel density descriptor is already defined in srcset, or unless srcset contains 'w' descriptors. (property) astroHTML.JSX.ImgHTMLAttributes.src?: string me puedes ayudar por favor?

[@ekuuin]

Hola, sucede que, al importar el archivo, bgImage es un objeto que tiene las siguientes propiedades de la imagen: src width height format orientation La solución es usar la propiedad src que guarda la ruta del archivo, quedando así

[@Sebastian-ml1xu]

Deje videos de Minecraft de fondo para dormir y desperté acá, que loco, buen video

[@JimyDrive]

Si tenéis problemas con la etiqueta script, añadidle el atributo type="module"

[@isaacmc09]

Gracias por el curso, pero tengo una pregunta. Por SEO no es mejor que el sitio web solo debe tener un solo archivo index.html o ya no es necesario.

[@ejgallegos]

Consulta, integrando Astro con un CMS, hay que hacerle un build cada vez que se realice un CRUD al CMS?

[@matiaslombardi6236]

Hola Fazt la verdad excelente video muy practico y perfecto para quienes estamos arrancando a probar Astro !. Te hago una consulta, al querer ejecutar gh-pages mediante el script (npm run deploy) me indica que no reconoce a gh-page como un comando valido!? sabras porque sucede??

[@santoszet]

Podrías hacer algunos tiktoks o reels para ver algunos ejemplos de paginas creadas usando Astro? Para conocer un poco el alcance que puede tener puede ser buena idea

[@FabianMartinezRincon]

na

[@luiseliasrodriguez4327]

Excelente video, aprendi y me divertí un montón, gracias.

[@ffrangarci4]

hola fazt, un poco tarde jeje... queria preguntarte que fuente usas. Me encanta que se vean asi de chiquitas y gorditas la letras

[@8koi245]

Let's fucking go!!! midu me recomendó esta madre Holy fuck that's a slow pace if I have ever seen one, jesus

[@rodolfolopezp]

Pero lleva casi el mismo trabajo de desarrollar en React o Next js. Entonces no es mejor desarrollar en esos framework o librerías?. Que es la ventaja de astro sobre ellos?

[@GinoCiancia]

Tengo un problema! sigue sin cargarme el css. En cada componente, utilicé "", todo es válido. Revise la configuración y tal, todo correcto. De hecho las rutas están bien, pero no me carga el css, por qué puede pasar esto? ayuda! 😢

[@julian_ruizs]

lo solucionaste? a mi me pasa lo mismo

[@YosipmikeColin]

Hola fazt no has pensado crear proyectos grandes y vender esos cursos en tu propia pagina web yo los compraría 🙏😎😁😁

[@FaztTech]

Este año tengo planeado empezar justamente con proyectos un poco mas reales y largos, pero creo que falta un par de meses para poder publicarlo. De momento seguire publicando cursos gratuitos por aqui, y algunos videos informativos :)

[@herediiaa.e]

@@FaztTech fast si haces cursos en udemy o los vendes por tu cuenta yo los comprare.

[@rauljauregi6615]

Excelente contenido como siempre, muchas gracias!! Una pregunta/solicitud, ¿ Podrías hacer un curso para Wordpress headless con Astro??

[@sandrosimon]

Para manejar estado hay una librería llamada nanostores que se menciona en la documentación de Astro. ¿O sería mejor integrar con React sólo para incluir manejo de estados? Slds.

[@lautarodellamea3582]

Hola fazt tendras las miniaturas de tus videos? estan muy copadas!

[@jorgemondacafabrega1366]

A ver si entiendo bien, puedo reemplazar el uso de HBS con Astro? ¿O podrían ser complementos para un mismo fin?

[@FaztTech]

Hbs es un motor de plantilla, astro es un generador de sitios estáticos, se explica mejor aquí: ¿Que es un Generador de Sitio Estático? - Static Site generator (SSG) kzbin.info/www/bejne/paS6l3iql7WSqc0

[@alejandroarbelaez7360]

Hola me podrían decir por favor, que tema es el que se usa en el VS del video y la fuente? Gracias

[@Deus-lo-Vuilt]

excelente video

[@alvaroyanes]

¡Gracias!

[@mordecaii14]

Cuál sería la mejor manera para que el sitio sea responsivo, pero sin utilizar tailwind ni ningún framework de estilos?

[@martinrgerez453]

Hola que tal, gracias por el tutorial, te consulto, las configuraciones para deployar en github pages que mostras en tu video siguen vigentes? Porque estoy teniendo dificultades para publicar mi sitio (me funciona de forma local) pero no puedo deployar en ghp , por otro lado en el repo publico que tenes no figuran los ultimos commits de deploy, no se ve la carpeta dist.

[@danielpacheco2520]

Hola Fazt, tengo una duda, se puede hacer que un boton te redireccione a otra pagina? es decir como si fuera otra url con otro tipo de informacion, para no tener que manejar todo en una sola pag.

[@FaztTech]

claro, puedes usar una etiqueta o tambien puedes crear un boton que cuando den un click redireccione usando Javascript, igual que en HTML puro

[@franikator2]

Tengo un problema. Tras poner npm run build, me genera la carpeta Dist pero la ruta en el HTML hacia el CSS la crea errónea con un / por delante. Tengo que borrar ese / de cada HTML.

[@gilbert_dev]

Hola Estoy haciendo un sitio con Astro, integré la librería de React e insnstalé la dependencia de React-icons para los íconos. Utilizo los íconos como normalmente lo utilizaría en un proyecto React. Pasa que cuando ejecuto el comando npm run build, salta un error que dice que los íconos (componentes de React) no se están exportando. Necesito ayudaaa

[@sandrosimon]

Hola. dejando a un lado la curva de aprendizaje, supongamos que ya domino Next.js ¿alguna ventaja de Astro por sobre Next.js que también me permite crear sitios estáticos? Gran video, saludos desde Nazca Perú

[@vic89]

Ninguna desde mi punto de vista. Proyectos más livianos quizás 🤷🏻‍♂️

[@josegmatera77]

Felicitaciones por el tutorial, hay posibilidad de instalar el framework en macOS?

[@sergioqueirolo149]

Por favor haz un curso de astro 4.0 , usando un navbar moderno con animación sin Javascript y compatible con dispositivo mobile, ¿ Cómo hacen ese fondo con animación fluida en las web ?