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!

[@the_graytest]

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

[@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

[@gabz_23]

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

[@luisaquinoc6548]

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

[@camiloandressandovaldelgad281]

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

[@ferxas4560]

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

[@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

[@DEVGITI]

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

[@kinkyolga9668]

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

[@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.

[@shantoislam8925]

Él es el corredor personal de mi familia y también un corredor personal para muchas familias en los Estados Unidos, ❤ es un corredor autorizado y un AGENTE DE FINRA en los Estados Unidos.

[@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

[@snackspixels]

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

[@joseandresmontesino4214]

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

[@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.

[@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... 🤗🤗🤗🤗🤗

[@braidata]

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

[@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 🎉

[@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

[@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! ✨✨

[@syberiaok]

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

[@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!

[@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.

[@HarshitYadav-u2q]

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

[@carloscervantes3603]

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

[@sebaprogrammer]

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

[@fredyvillamil]

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

[@carolinavallejo284]

Estaba esperando este tutorial, gracias Fazt!!!

[@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👍✌

[@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

[@Andres_cali]

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

[@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 💥💥

[@SlashOS]

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

[@cleidysbrooks]

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

[@alvaroyanes]

¡Gracias!

[@cristiancano151]

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

[@ELCHOROPAVT-fu7xn]

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

[@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:

[@pablotaddei]

extraordinario cursos muchas gracias 👏👏👏👏

[@leonelelizarraraz3004]

Me encantó el video. esperando el curso de tailwind

[@sergiomo9977]

Excelente curso Gracias Fazt.!!!

[@JimyDrive]

El mejor regalo de Navidad. Muchas gracias Fazt

[@juanitoprz456]

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

[@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 🎉

[@angelicagalloarias6146]

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

[@MauroToledo-xo2ru]

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

[@AlfonsoNeilJimenezCasallas]

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

[@wiliamsalexandertzocixcoy7439]

Gracias Fazt, justo quería aprender Astro❤

[@sebastian-ns7ou]

Sos un genio! Gracias por el video.

[@historiaseneltiempo6954]

Excelente como siempre!!!

[@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

[@gaarmy]

Te quiero mucho tio Fazt

[@kalethdiaz7455]

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

[@carlosurielvillegas3904]

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

[@Sebastian-ml1xu]

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

[@soyACHEE]

Gracias Fazt... Muchas gracias!!!

[@benjanz]

sos lo más Fazt!

[@jesus_84_]

Maestro de maestros.

[@luiseliasrodriguez4327]

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

[@osirisremolinam.4950]

Excelente estimado FAZT

[@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-

[@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

[@8koi245]

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

[@carlosnavarrorodriguez1443]

Gracias bro!

[@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.

[@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 ¿🤔?

[@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?

[@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

[@alejandroarbelaez7360]

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

[@valentinfeller121]

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

[@cristianch4456]

Si si tu hija

[@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

[@ejgallegos]

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

[@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

[@Deus-lo-Vuilt]

excelente video

[@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.

[@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.

[@rauljauregi6615]

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

[@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.

[@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.

[@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

[@CeratiGilmour]

Una consulta, astro se podría combinar con flask(?)

[@elisaldovegarosa4739]

Saludos, tengo problemas al generar la carpeta assets con npm run build. Se convierte el codigo, ayuda por favor

[@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

[@ffrangarci4]

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

[@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??

[@astrixwr5662]

asu maree quiero aprender astro, busco curso de astro y que suerte, *fazt* ya subio un video de esto, porlaaaa gracias diosito, me has visto a los ojos :) ⚡ psdt: son las 1:53 am / 9-jul-23

[@JimyDrive]

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

[@raulriquelme4734]

excelente tutorial, mi duda es por que creas páginas como about.astro.. en ingles ? si se supone que la url al ser español trabajará mucho mejor el posicionamiento SEO ? saludos me ha servido mucho este tutorial

[@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

[@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?

[@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í

[@JuanPablo-he4cx]

Hola, gracias por tus videos, como hacer para que la consola tenga esa apariencia?

[@llamasdelaf]

excelente🙂

[@felipefs106]

Muy buen curso!, he estado siguiendo el tutorial y en la sección de cargar imágenes vía import me da problemas al usar el bgImage. Revisando la página de Astro mencionan el uso del componente Image y con ese no tengo problemas, por si a alguien le sirve!

[@cesarquispe2413]

Hola! muy buen tutorial! solo tengo el problema al final con el deployment. Al parecer no me detecta el CSS que se genera para los estilos. Hice el cambio en el archivo de astro.config.mjs pero nada. ¿Alguna idea?

[@tobbye280]

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

[@jhonnieralexandercastrohin3782]

me encato tu curso , pero una pregunta por que mi codig de astro auto completa mi css en solo alguno arcivos .astro y en otros me toca, colocar el css por mi cuenta

[@mycloudvip]

Donde ofreces tus cursos?