Тёмный

Tu primer proyecto en Astro (Framework de sitios estaticos) 

Fazt Code
Подписаться 254 тыс.
Просмотров 30 тыс.
50% 1

Astro es un framework de desarrollo web Frontend que permite generar sitios web estáticos usando código que se parece mucho a los Frameworks de Frontend de Javascript como React, Vue, o Svelte, y similares. De hecho Astro puede importar componentes de estos otros frameworks, pero siempre enfocandose principalmente a generar sitios web que no ejecutan logica de backend o no mucha. En este tutorial vamos a crear un proyecto basico de Astro, les mostrare algunos conceptos muy basicos y terminaremos subiendo nuestro proyecto a Netlify y añadiremos incluso un dominio personalizado para que puedan ver como se configura en producción.
Curso Recomendados
Curso de React: • Curso de Reactjs desde...
Curso de Nextjs: • Curso de Nextjs desde ...
🛒 Fazt Web
Tienda Online: store.faztweb.com/
⭐ Cursos Recomendados
Curso de Nodejs ⮕ fazt.dev/nodejs
Curso de Python⮕ faztweb.com/python
Curso de React ⮕ • Curso de Reactjs desde...
Curso de Javascript para React ⮕ • Javascript para Aprend...
🗣 Redes Sociales
Github ⮕ github.com/fazt
Twitter ⮕ / fazttech
Discord ⮕ faztweb.com/social/discord
Whatsapp ⮕ www.whatsapp.com/channel/0029...
🎒 Servicios Recomendados
DigitalOcean ⮕ m.do.co/c/8ef261d77de5
Namecheap ⮕ namecheap.pxf.io/ErDe9
Ledger ⮕ (Hardware Wallet) bit.ly/3ijsVNW
SiteGround ⮕ bit.ly/31u9ZEk
Cloudinary ⮕ bit.ly/3ohNlJ7
Notion ⮕ affiliate.notion.so/yj9uc7bi3miq
Codecrafters ⮕ app.codecrafters.io/join?via=...
Puedes encontrar la lista de tutoriales de React en:
faztweb.com/react
#astrojs #javascript #desarrolloweb #reactjs

Наука

Опубликовано:

 

1 фев 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 104   
@JesusGarcia-wn1vv
@JesusGarcia-wn1vv 3 месяца назад
Una pasada lo que explicas en tan poco tiempo y todo al grano. Desde hoy tiene un nuevo seguidor... eres un crack!!
@xxUnd3rtoWxx
@xxUnd3rtoWxx 5 месяцев назад
Astro es hermoso, creo que se volverá un estándar o punto de partida para muchos proyectos.
@user-id1ld4kd7v
@user-id1ld4kd7v 5 месяцев назад
Fazt, de verdad has cambiado mi vida. Voy agradecerte toda una existencia
@cl4ssic99
@cl4ssic99 5 месяцев назад
porq mi bro
@jhostinbravo5204
@jhostinbravo5204 4 месяца назад
Por qué lo dices mano?
@MAW__
@MAW__ 5 месяцев назад
Como overview de Astro fue muy bueno, por lo que escuché las posibilidades de desarrollo con Astro son muchas! Gracias por compartir ❤
@leandronavarrete74
@leandronavarrete74 5 месяцев назад
Fazt, yo apenas soy estudiante y no sabes como me ayudan tus videos son lo maximo
@dfrios
@dfrios 5 месяцев назад
Gracias Fazt; simplemente espectacular. Me das un punto de partida poderoso y muy sencillo de comprender.
@geroosanchez7519
@geroosanchez7519 5 месяцев назад
Sos lo más amigo, sigue subiendo contenido de Astro. Gracias
@sergiomo9977
@sergiomo9977 5 месяцев назад
Una vez más simple y sencillo, gracias Fazt !!! 💯
@ericksegura478
@ericksegura478 5 месяцев назад
Gracias hno. Contigo se aprende más fast.
@fernan2jr
@fernan2jr 5 месяцев назад
Excelente, como siempre. Muchas gracias.
@pablomesa9393
@pablomesa9393 Месяц назад
muchas gracias me ha sido 100% útil, 0 desperdicio!!!
@christopherandreramoshidal2387
@christopherandreramoshidal2387 5 месяцев назад
tkm fazt, gracias por siempre darnos contenido de calidad
@jader02geo
@jader02geo 2 месяца назад
Confieso que desde que veo las publicaciones de Fazt he conocido y aprendido de muchas tecnologias y temas que solo te enteras si trabajas y tienes experiencia como Web Developer⌨. Gracias Fazt 👊
@jesus_84_
@jesus_84_ 5 месяцев назад
Maestro de maestros.
@moisesromero9263
@moisesromero9263 5 месяцев назад
Maestro que facil es seguir sus tutoriales muchsimas gracias un sub nuevo bro
@SonGoku-pc7jl
@SonGoku-pc7jl 5 месяцев назад
gracias Fazt, eres un tesoro :)
@jav1978
@jav1978 5 месяцев назад
Gracias Fazt, por tus contenido son excelente, saludos desde Venezuela
@sol____-_-
@sol____-_- 5 месяцев назад
Que buena explicación, muchas gracias.🔥🤍
@Hackeandomivida
@Hackeandomivida 5 месяцев назад
excelente aprender contigo, gracias crack
@luisaquinoc6548
@luisaquinoc6548 5 месяцев назад
Lo máximo fazt!!!
@carlossoler8910
@carlossoler8910 5 месяцев назад
Gracias por la explicación del deploy, siempre tenía esa duda y aclaraste todo.
@leonardocurbelobetancort430
@leonardocurbelobetancort430 5 месяцев назад
Yo ni sabia que era deploy, pero lo hizo facil Fazt.
@ace_3315
@ace_3315 5 месяцев назад
Muchas gracias Fazt.
@FaztCode
@FaztCode 5 месяцев назад
A ti ace
@rroba13
@rroba13 5 месяцев назад
Gracias por el video! Un video de integración de Astro con Hotjar estaría de lujo.
@expandiendociencia7633
@expandiendociencia7633 2 месяца назад
Gracias, que capo
@joseahumada3495
@joseahumada3495 5 месяцев назад
Me gustan tus tutoriales amigo. Saludos
@isaaccastillo8628
@isaaccastillo8628 Месяц назад
Muchas gracias por compartir generosamente tus conocimientos Fazt. Dios y el Señor Jesucristo te bendigan enormemente, muchos saludos desde Chile!
@doriangonzalez2039
@doriangonzalez2039 Месяц назад
Excelente
@juanisidorogarcia1699
@juanisidorogarcia1699 5 месяцев назад
Muy util! como siempre! ^^ Una sugerencia!. Se me ocurren 2 vídeos muy útiles sobre Astro, y no hay mucha info en YT, por no decir apenas nada xD. Astro da la opción de hacerlo funcionar a modo hibrido, pinta muy bueno. Cuando le instalas para ello node @astrojs/node, tienes la opción de configurar los modos middleware y standalone. Dicho esto, un video podría tratar del modo hybrid, creando una carpeta api a modo backend con firebase o sin el (otro video XD). Y luego el front en el mismo proyecto. Y el otro video que trabaje el middleware para probarlo. Tiene que ser muy buena esa utilidad!! Yo ando deseando probarlo ^^, Un saludo! Muchas gracias por todo tu contenido!!
@pensamientosistemico4527
@pensamientosistemico4527 4 месяца назад
Excelente, mas de astro y quiwk por favor maestro.
@valentinfeller121
@valentinfeller121 5 месяцев назад
Astro es lo masssssssssaaa
@mansulol5458
@mansulol5458 5 месяцев назад
La verdad que no conocía Astro, se ve bastante bien y esta increíble ademas con tu explicación lo entendí absolutamente todo 😄, estoy deseando probarlo en nuevos proyectos. Te quiero Fazt ❤
@leonardocurbelobetancort430
@leonardocurbelobetancort430 5 месяцев назад
Es similar a pug, utilizando layouts, aunque astro y sus componentes son mass actualizados y en tendencias.
@rauljauregi6615
@rauljauregi6615 5 месяцев назад
¡Gracias Fatz! Estaría bueno un vídeo para deployar modelos de Machine learning usando Astro.build
@tongastonga22
@tongastonga22 5 месяцев назад
Gracias berserker!
@ovniroto
@ovniroto 5 месяцев назад
No sé si lo especificas en algún minuto del vídeo, pero Astro no solo es para sitios estáticos.
@MAW__
@MAW__ 5 месяцев назад
Un poco lo dejó entrever a la mitad del vídeo 11:57 cuando explica cómo hidratar componentes, no?
@elsergioz
@elsergioz 5 месяцев назад
Gracias crack! puedes por favor algun dia hacer algo similar con Wordpress, headless con Astro, o bien Woocommerce, es algo muy practico para aprovechar todo la administración de contenidos o productos de Wp con la potencia de JavaScript. Gracias maestro.
@jhersonpabon9406
@jhersonpabon9406 5 месяцев назад
Es que no puede haber otro canal que explique mejor las cosas! Fazt me encantaría que explicaras la API de View Transitions, la que trae Astro o también sino la vanilla de google, gracias!
@cl4ssic99
@cl4ssic99 5 месяцев назад
si los hay bro pero en ingles
@davydqc
@davydqc 4 месяца назад
gracias por la explicacion y para sitos dinamicos ?? con base de datos algun ejemplo
@tuntundev-
@tuntundev- 3 месяца назад
Exelnte Video, podrias esplicar los pros y los contra de Vercel, Netlify, CloudFire, cual se deve usar y para que proyectos, Gracias! , como un vs .
@andrescamposbrainovich4388
@andrescamposbrainovich4388 5 месяцев назад
Astro por todos lados ando viendo ahora. Tremendo framework. Tenés mas informacion o videos sobre la parte del deploy que hiciste en tu dominio?
@KurzhX
@KurzhX 5 месяцев назад
Buenas, viendo este vídeo quería consultarte si puede hacer un vídeo sobre los mejores lenguaje para desarrollo web, software, etc para el 2024. En mi punto quisiera saber que lenguaje seria ideal para empezar a desarrollar web desde cero.
@DAVIDIL81
@DAVIDIL81 4 месяца назад
Buenísimo... por favor más tutoriales de Astro... tal vez un poco más avanzados... (muchas gracias)
@FaztCode
@FaztCode 4 месяца назад
Claro que sí! Muy pronto crearé otros más :)
@DAVIDIL81
@DAVIDIL81 4 месяца назад
te mandé un correo para pedir un presupuesto
@oeneikaphotos3826
@oeneikaphotos3826 5 месяцев назад
Tengo una pregunta, para un sitio web estático no sería mejor usar Webflow o Framer? Creo que harías todo más rápido y seguirías teniendo un sitio web rápido y optimizado.
@jaimeviloriogreen
@jaimeviloriogreen 5 месяцев назад
Yo desde que vi el otro curso de Astro me he quedado enganchado con Astro.js
@ace_3315
@ace_3315 5 месяцев назад
Podrías indicarme el link del otro curso que mencionas. Desde ya muchas gracias.
@DiegoRodriguez-pg8uw
@DiegoRodriguez-pg8uw 5 месяцев назад
Te refieres a este curso? ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-sOXW0ZnJxbQ.html de hace un año?
@ace_3315
@ace_3315 5 месяцев назад
@@DiegoRodriguez-pg8uw Muchas gracias, no sabía de este video.
@jaimeviloriogreen
@jaimeviloriogreen 5 месяцев назад
@@ace_3315 te recomiendo que lo veas con la documentación al lado. ¡Éxitos!
@juanjara5086
@juanjara5086 5 месяцев назад
Bro deberias de traer un video analizando la tecnologia reciente de python llamada REFLEX que es un framework fullstack
@eduarfrancis
@eduarfrancis 5 месяцев назад
Fazt actualizaras el curso de Astro? Ya que salieron dos nuevas versiones desde que hicistes el primer curso
@fernan2jr
@fernan2jr 5 месяцев назад
Fazt, ¿podrías crear un tutorial o video informativo sobre Astro utilizando un CMS headless self hosted, desplegando todos los servicios necesarios con Docker? Gracias de antemano.
@johnwriter6053
@johnwriter6053 3 месяца назад
Puedes crear un vídeo explicando como crear un formulario para enviar emails en Astro?
@miltonrogrigoaguilarmachac9449
@miltonrogrigoaguilarmachac9449 5 месяцев назад
un video de frame motion estaria super
@FaztCode
@FaztCode 5 месяцев назад
Es una muy buena biblioteca de animaciones, voy a crear un tutorial del tema pronto
@shironco7741
@shironco7741 3 месяца назад
Muchachos alguna idea del porque al construir el proyecto ya con el npm run build, ningun estilo css se aplica?
@agustinromero1561
@agustinromero1561 5 месяцев назад
Tengo una duda con astro. Si mi página web, consume una base de datos para mostrar la información, el usuario solamente va a interactuar para ver la información. Conviene usar astro??
@tinatechpro
@tinatechpro 10 дней назад
Hola. Se puede subir un proyecto de ASTRO a Hostinger? y usar también dominio de ahi?
@gosipdev
@gosipdev 4 месяца назад
para instalar nodejs puedes ir a la terminal y escribir `winget install nodejs` el unico requisito es utilizar windows 10/11 y tener la tienda windows actualizada
@bettogian
@bettogian 3 месяца назад
Hola, excelente!!.. pero mi duda es si Astro me puede servir para paginas con poca consultas, como un contacto o reserva de citas o busqueda???.. o debo usar Nextjs en su lugar??... saludos
@jhostinbravo5204
@jhostinbravo5204 3 месяца назад
Una consulta, se puede que no se recargue la página cuando utlizas enlaces? Habría alguna forma de hacerlo sin que se recargue la página?
@jacksonvnzl8085
@jacksonvnzl8085 5 месяцев назад
Hola...puedes hacer un tutorial de como conectar una app web y una app movil con la misma db, con autenticación y todo lo demas?
@killy5341
@killy5341 4 месяца назад
Algun curso de astro con three js
@mansulol5458
@mansulol5458 5 месяцев назад
Estos videos son oro señores, por cierto cual temas usas en VS code, se ve bastante fino saludos
@FaztCode
@FaztCode 5 месяцев назад
De momento el tema que uso es Tokyo night dark, pero tambien he usado otros, aqui los listo: faztweb.com/contenido/temas-favoritos-vscode
@mansulol5458
@mansulol5458 5 месяцев назад
@@FaztCode gracias fazt 🙏💕
@karique01
@karique01 5 месяцев назад
no encuentro el link a tu curso de astro
@josev_888
@josev_888 2 месяца назад
Porqué mi website en astro, corre perfecto a nivel local pero al subirlo al servidor aws solo veo el directorio de archivos como si no encontrara la landin page ?
@emeaerece0
@emeaerece0 29 дней назад
Hola Fazt Como podria usar astro en mi frontend y tener un backend en python?
@aviliomoz
@aviliomoz 5 месяцев назад
Es Astro lo suficientemente completo como para desarrollar una web app con autenticación de usuarios basada en cookies y jwt?
@f_and_n_
@f_and_n_ 5 месяцев назад
No se necesario usar Puedes Usar el
@brianbouza1730
@brianbouza1730 5 месяцев назад
Cuando harás un video de un proyecto full stock con next y otros framework 😢
@vruizdev
@vruizdev 5 месяцев назад
Hola FastCode, tengo una duda, ¿Puedo desplegar una página estática creada en astro en github page? Estoy aprendiendo y he decidido hacer un portfolio como prueba siguiendo tu video para inicializar y el proyecto. Y me gustaría poder tener esa página en github page, ya que no cuento con un servidor donde desplegar.
@FaztCode
@FaztCode 5 месяцев назад
por lo general aqui uso Netlify que ofrece un plan gratuito, pero si quieres desplegar en Github pages tambien es posible: docs.astro.build/en/guides/deploy/github/ Voy a tratar de crear en lo pronto un tutorial de como desplegar astro en Github pages
@AdanSc
@AdanSc 13 дней назад
no es mejor Nuxt por ejemplo? para crear sitios web estáticos o interactivos
@FaztCode
@FaztCode 12 дней назад
Nuxt es mas un framework para crear aplicaciones dinamicas, Astro solo genera principalmente sitios estaticos. Si vas a crear una aplicacion con conexion a base de datos, desarrollar una API e interfaces mas interfactivas, Nuxt es mejor opcion
@sebastian5855
@sebastian5855 5 месяцев назад
Gracias ❤❤. Pregunta, ¿Cómo tienes autocompletado en la terminal?😮😮😮
@FaztCode
@FaztCode 5 месяцев назад
Yo uso ohmyposh para eso: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-d9y0l7yY404.html
@kevjimenez9809
@kevjimenez9809 4 месяца назад
bien fazt :v
@detodoc
@detodoc 5 месяцев назад
Que diferencia hay entre este Framework y NextJS?
@FaztCode
@FaztCode 5 месяцев назад
Creo que es buena idea para un video, voy a crear algo pronto :)
@conradohernanvillagil2764
@conradohernanvillagil2764 5 месяцев назад
Gracias Fazt. Me gustaría una aplicación de calculadora ( ya sea financiera, de calorias consumidas o de credito hipotecario) , entre Astro y MongoDb.
@stevegomez1641
@stevegomez1641 5 месяцев назад
Suena interesante realizar esas apps
@ceroserio8810
@ceroserio8810 5 месяцев назад
Será acaso astro el framework definitivo?
@johnwriter6053
@johnwriter6053 5 месяцев назад
entre next y astro. Cuál te quedas?
@FaztCode
@FaztCode 5 месяцев назад
Nextjs aplicaciones dinámicas, y astro para aplicaciones estáticas. Básicamente
@guidomaxier
@guidomaxier 4 месяца назад
Como se llama la terminal que usas.?
@FaztCode
@FaztCode 4 месяца назад
Powershell
@brandonlopez6725
@brandonlopez6725 5 месяцев назад
Genial que pro encantado de seguirte Conoces alguna libreria para hacer zoom a imagenes en react nativr
@FaztCode
@FaztCode 5 месяцев назад
Esta zoomable-view: www.npmjs.com/package/@openspacelabs/react-native-zoomable-view Y esta react-native-zoom-viewer: www.npmjs.com/package/react-native-image-zoom-viewer
@brandonlopez6725
@brandonlopez6725 5 месяцев назад
​@@FaztCodeencerio muchas gracias que dios te vendiga
@jdfesa
@jdfesa 5 месяцев назад
Me gustria un video explicado mas lentamente de como subir cambios a netlify a atraves de git, de los commits y como se va desplegando.
@FaztCode
@FaztCode 5 месяцев назад
Uhmm creo que también es buena idea, voy a crear algo pronto :)
@jdfesa
@jdfesa 5 месяцев назад
@@FaztCode de 10 muchas gracias, por el material de calidad!
@josemariag
@josemariag 5 месяцев назад
17:44 que cutre amigo... en lugar de cambiar la variable la dejas comentada. Muy mala práctica.
Далее
Layouts, rutas y componentes en Astro
13:56
Просмотров 1,4 тыс.
100❤️
00:19
Просмотров 2,2 млн
3M❤️ #thankyou #shorts
00:14
Просмотров 7 млн
Mis Bibliotecas Backend Favoritas de Nodejs en 2024
16:58
Astro makes websites faster & easier to build
22:55
Просмотров 117 тыс.
¡Astro 4.0 es una LOCURA!
7:21
Просмотров 50 тыс.
Mis Herramientas Web favoritas para el 2024
13:06
Просмотров 47 тыс.
Ruta para Aprender React en 2024 (React Roadmap)
17:43
Astro Web Framework Crash Course
1:16:48
Просмотров 88 тыс.
Все Смартфоны vivo Серии V30!
24:54
Просмотров 26 тыс.