Astro Quick Start Course | Build an SSR Blog

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ก.พ. 2025

ความคิดเห็น • 105

  • @ashimov1970
    @ashimov1970 10 หลายเดือนก่อน +6

    Brad, you are the best front-end development tutor out there on TH-cam. God bless

  • @adamkarafyllidis9264
    @adamkarafyllidis9264 9 หลายเดือนก่อน +25

    The friendliest and most familiar voice of web development :)

  • @siphosethudlomo
    @siphosethudlomo 8 หลายเดือนก่อน +11

    Thanks Brad,
    Just finished the tutorial using Astro v4.8.6 and everything still works as expected.

  • @SpacemanSpiff9406
    @SpacemanSpiff9406 ปีที่แล้ว +7

    Brad... you bring an ease, joy, and certain affability to a complicated field that might not otherwise have it without your presence. Thank you for your time and generosity.

  • @shadowstack
    @shadowstack ปีที่แล้ว +9

    my favorite coding channel using my favorite framework, thanks for making content like this!

    • @Genius-Wave
      @Genius-Wave ปีที่แล้ว +1

      💯 thanks to you tooo you both are great

    • @shadowstack
      @shadowstack ปีที่แล้ว

      @@Genius-Wave that’s very kind 🙏

  • @YESiryi
    @YESiryi 6 หลายเดือนก่อน +2

    The most awesome tutor ever! I like to listen to you. Many thanks!

  • @ceralguy85
    @ceralguy85 11 หลายเดือนก่อน +2

    As always Brad, thank you for sharing this great content. This is one of the best tech channels to learn different technologies

  • @webdevluc
    @webdevluc ปีที่แล้ว +9

    Great crash course Brad. Thanks for making it available for free. Astro looks like the next big thing in web dev

  • @isaacorraiz4362
    @isaacorraiz4362 11 หลายเดือนก่อน +1

    I just finished. Very nice course Brad. Thanks for everything you do. For me you are the best of the best.

  • @davidwashington7293
    @davidwashington7293 10 หลายเดือนก่อน

    Thank you so much for this course and for all the other courses you share to the dev community. Best intro to Astro I've seen out there yet. Really appreciate everything you do for us. 🚀

  • @lakshyarajdash
    @lakshyarajdash 11 หลายเดือนก่อน +1

    Amazingly explained each and every concept. I was jumbled up how to paginate posts on my personal portfolio website and now I understood how to do the same.

  • @gilaguilar7130
    @gilaguilar7130 ปีที่แล้ว +3

    Thank you for your invaluable role in my journey to becoming a software developer. Your clear and patient explanations have been a constant guide, especially for someone like me with a less-than-perfect memory. Despite the challenges, your teaching style has made complex concepts accessible and fostered my continuous growth.
    I delved into development in my early 40s, dedicating five years to learning before landing my first job. Understanding my learning process was key, and your content played a pivotal role in that discovery. Your calm and collected manner always serves as a reminder of the ongoing learning journey we're all on.
    Looking ahead, I plan to create Udemy courses on working with colleagues with diverse abilities, inspired by my own experiences. Your impact extends beyond individual growth, influencing how we collaborate and support each other.
    Every new video of yours is a welcomed opportunity for learning and inspiration. Wishing you and your family a joyful holiday season. Cheers! 🤟☕

  • @cout0dev
    @cout0dev 10 หลายเดือนก่อน

    I really appreciate that you teach us so much in such a simple way.

  • @BobbyBundlez
    @BobbyBundlez 11 หลายเดือนก่อน +1

    honestly from what i've heard thus far astros power comes from SSG and using SSR when needed. I don't think a blog site needs ANY SSR but I shall watch nonetheless Brad! glad you still make these just gettin back onto we dev learning after using gatsby for way too long and never pushing myself to learn new technologies. always felt clunky

  • @SkyrimBeast
    @SkyrimBeast 10 หลายเดือนก่อน

    Thanks for this course Brad, I've been meaning to tinker with Astro. This project looks to be a good starting point to go from understanding Astro to actual implementation.

  • @felipefs106
    @felipefs106 ปีที่แล้ว +1

    Great content and thanks!. I've been using Astro myself and really like it. I usually avoid jumping on new tech bandwagons but Astro looks quite interesting, it gives you structure for a basic website and also gives you choices if you want to build a more robust app

  • @mountains4000
    @mountains4000 ปีที่แล้ว +5

    Thank you for the Christmas gift 🎁💝.
    Well wishes to you and your family 💟

  • @pedrotski
    @pedrotski ปีที่แล้ว

    Discovered Astro a few days ago. Great course and thanks for releasing it for free.

  • @lacikawiz8369
    @lacikawiz8369 ปีที่แล้ว

    Awesome tutorial! Thank you for making it available on TH-cam!

  • @alnm951
    @alnm951 ปีที่แล้ว

    Thanks for making the course free Brad!

  • @lostinthenarrativve
    @lostinthenarrativve ปีที่แล้ว +24

    Can't wait for the Laravel course Brad, hoping to land a PHP role with the help of your courses in 2024 Q1 😝

    • @birsingh5388
      @birsingh5388 ปีที่แล้ว +4

      He already published free laravel course on TH-cam

    • @mtq2527
      @mtq2527 ปีที่แล้ว +1

      I'm also waiting for his laravel course

  • @AustroPower
    @AustroPower ปีที่แล้ว +1

    Thank you Brad for all the free knowledge and work you put in 👍🙏💯

  • @tiscover
    @tiscover ปีที่แล้ว

    Another great course Brad! I really like the simplicity of Astro

  • @esakib
    @esakib 9 หลายเดือนก่อน +1

    You explain better than my native-speaker (Bangla, which is my mother language) university teachers! Thanks a lot sir 🥰🥰

  • @ja4306
    @ja4306 ปีที่แล้ว +3

    I really love these videos, but I do wish there were some sort of database tie-in with them so we'd know how to integrate that with it. Because nobody's going to be wanting to add articles statically.
    And not just Firebase, maybe PostgreSQL would be a nice change.

  • @imdiscat
    @imdiscat ปีที่แล้ว

    Thanks Brad, really appreciate this free content!

  • @AlexanderBelov-y8o
    @AlexanderBelov-y8o ปีที่แล้ว

    Thank you so much! Your voice is good to listen to.

  • @ROKKama
    @ROKKama 7 หลายเดือนก่อน

    Hello Brad, thank you very much for this tutorial , newbie to astro and typescript here 😅.

  • @Another0neTime
    @Another0neTime ปีที่แล้ว

    You have helped me a ton in my career. Thank you Brad.

  • @male3399
    @male3399 ปีที่แล้ว +3

    Just in the right time

  • @martinndegwa7155
    @martinndegwa7155 11 หลายเดือนก่อน

    Thank you Brad. This is a nice tutorial.

  • @kenirwin5538
    @kenirwin5538 7 หลายเดือนก่อน

    Thank you for another great tutorial.

  • @MrWindforce
    @MrWindforce ปีที่แล้ว

    Awesome Course. Im still at the beginning but so far so awesome. I have checked the Image size of the laptop image. When you put the source to the default path, then it will not be optimized even with Image at the beginning. But when you import it like with the logo it will be optimized from 1.6MB to 15.4kB :)

  • @tradingwithwill7214
    @tradingwithwill7214 4 หลายเดือนก่อน

    I just converted my Wordpress website to a static site using nextjs in Cursor with AI. The blog posts are markdown with front matter so it grabs the categories from the posts and makes the menu from that. I scp’d the files to the server after moving the Wordpress files and it worked instantly. I used a bit of v0 to improve the layout. 55 years old getting back into dev which is fun but I mostly did middleware integration so not really web dev.

  • @Pew_Pew_Pizza
    @Pew_Pew_Pizza ปีที่แล้ว

    Much appreciated. Great work as always.

  • @eladbar1579
    @eladbar1579 ปีที่แล้ว

    Thank you Brad! You are the mennn!!! 🔥🔥🔥🔥🔥🔥🔥🔥

  • @prashlovessamosa
    @prashlovessamosa ปีที่แล้ว +1

    Thank you Brad

  • @patriotlightning7791
    @patriotlightning7791 ปีที่แล้ว

    Thank you so much for your efforts! ❤

  • @Feenskee
    @Feenskee ปีที่แล้ว +1

    Astro is so good that i sometimes think 'What's the catch' while using it

  • @bigskillet
    @bigskillet ปีที่แล้ว +1

    I'd happily pay for an Astro + Sanity course.

  • @dardan9218
    @dardan9218 ปีที่แล้ว +1

    Hi Brad, i hope you and your family are well. Was wondering if you've been working on a react native couse? Your courses are always my favourites.

  • @6slave
    @6slave 2 หลายเดือนก่อน

    appreciate it brother.

  • @haroldguzman1285
    @haroldguzman1285 ปีที่แล้ว

    galing mo talaga idol!

  • @ShafiraP.-bd5bn
    @ShafiraP.-bd5bn 8 หลายเดือนก่อน

    Thank you mister

  • @samvelpetrosyan494
    @samvelpetrosyan494 ปีที่แล้ว

    Thanks Bred it was conducive, please add Astro internalization in this project so that we will be able to translate for example from English to Russian, etc.

  • @_hell_irl_
    @_hell_irl_ 3 หลายเดือนก่อน

    Hello Brad. Are you planning to do a video on the new Astro Content Layer API feature?

  • @ivanmendoz6238
    @ivanmendoz6238 ปีที่แล้ว

    Whaaaat??? Is super great content i love it!❤❤❤❤❤

  • @drujas
    @drujas ปีที่แล้ว +1

    Claro, Conciso y Fiable...

  • @umairmuhammadabbas3929
    @umairmuhammadabbas3929 ปีที่แล้ว

    Anticipated 😲

  • @bigskillet
    @bigskillet ปีที่แล้ว

    On the tag page section, if you reload the VS Code window, it'll fix the red underlines on astro:content. The extension gets hung up sometimes...

  • @marketingpower
    @marketingpower 3 หลายเดือนก่อน

    you are amazing

  • @isaacorraiz4362
    @isaacorraiz4362 ปีที่แล้ว

    Thank you for your content Brad. I just finished learning react with your course react from to back and I am building my first project for my sister-in-law. After I finish I was planning to start with your next js course baby here in about Astro a lot. Should I learn nextjs first or just jump into Astro?

  • @vectoralphaSec
    @vectoralphaSec ปีที่แล้ว +1

    Hey question here. Do you have any plans of doing any videos or TH-cam courses on Django in the next year of 2024??

  • @nadetdevfullstack7041
    @nadetdevfullstack7041 ปีที่แล้ว

    Excellent!

  • @raj080288
    @raj080288 11 หลายเดือนก่อน

    Hi Brad, great tutorial as always! just a quick question, could you have not used the "export async function getStaticPaths({ paginate })" function to achieve the same thing for the pagination?

  • @harpo187bling
    @harpo187bling ปีที่แล้ว +2

    Hi Brad. Will you do a course on HTMX please? Thanks man

  • @akiffpremjee
    @akiffpremjee ปีที่แล้ว +2

    does anyone know why when you do entry.data.date the dates are all one day behind the date defined in the front matter. Eg in the The best laptops for developers in 2024 file the date is set as Jan 20 but it pulls in as Jan 19. We see this with all the dates and I'm not sure why

  • @simon_quinn
    @simon_quinn 5 หลายเดือนก่อน

    Let's sayI wanted to build a business website with lots of content and it's mainly static except I want to have a form that connects to an API. Astro JS would be ideal for this?

  • @thewaliiiii
    @thewaliiiii 10 หลายเดือนก่อน

    Brilliant

  • @dovahkiin3362
    @dovahkiin3362 ปีที่แล้ว

    Great tutorial!
    btw are u planning to update the next.js course?

  • @aliyusuf-edu
    @aliyusuf-edu ปีที่แล้ว

    Thanks

  • @alexanderkomanov4151
    @alexanderkomanov4151 ปีที่แล้ว

    Amazing!

  • @spacecoder0526
    @spacecoder0526 ปีที่แล้ว

    Could you make astro tutorial or project with internationalization and React ?

  • @theokrull1323
    @theokrull1323 ปีที่แล้ว

    Hey Brad, do you have an estimate when the Laravel course is dropping? Looking forward to it!

  • @tenkkov
    @tenkkov ปีที่แล้ว

    Why I should choose Astro + Quick vs Next.js for blog ? What are the benefits of this stack over classic Next.js ?

  • @leszekmodrzejewski5179
    @leszekmodrzejewski5179 ปีที่แล้ว

    Coding with Brad is like having a beer with your best friend.

  • @nocastenoreligion5560
    @nocastenoreligion5560 ปีที่แล้ว

    Dear traversy, will there be videos on flutter? Please.

  • @stephenlittle7688
    @stephenlittle7688 7 หลายเดือนก่อน

    Getting error Missing "./env/setup" specifier in "astro" package not sure what I missed

  • @luca9298
    @luca9298 ปีที่แล้ว

    What about Picture component? One thing I can’t do is to disable lazy load

  • @michaelfrieze
    @michaelfrieze ปีที่แล้ว

    How come on the Vercel deployment the images on the About page take forever to load? Sometimes they load pretty quick and other times not so much. I have noticed this with Astro sites, even the sites I have built with Astro. Sometimes, the images just don't load at all and I don't know what it is about that framework that causes that. It's making me just want to avoid using their image component.
    Also, it's not a Vercel thing because I deployed some Astro apps to Railway and Netlify with the same issues.

  • @osahady
    @osahady ปีที่แล้ว

    ASTRO primarily focuses on optimizing network connections, especially in the context of gaming.

  • @Mal-wk3uq
    @Mal-wk3uq ปีที่แล้ว

    Hi Brad,can you make content on ruby on rails ? Thanks

  • @thegeekviking5427
    @thegeekviking5427 4 หลายเดือนก่อน

    Some Tailwind CSS classes are not working..... is that normal?

  • @DesignfulDev
    @DesignfulDev ปีที่แล้ว

    hey Brad, how about a full Astro Course Dev to Deployment on Udemy after you finish and publish the Laravel one?

  • @FalguniPrajapati-y4e
    @FalguniPrajapati-y4e หลายเดือนก่อน

    need bog description of 100 chars in all blog page how can i get it ?

  • @StackRadius
    @StackRadius หลายเดือนก่อน

    Is Astro.Build meant for public websites rather than SaaS web applications

  • @atharvapise
    @atharvapise ปีที่แล้ว

    31:08 you have not closed the section tag in index.html inside blog-themes folder

  • @phantazzor
    @phantazzor ปีที่แล้ว

    so here you don't have any database , the fields and datas are within the articles but any solutions for something like Prisma with Astro ?
    Would be nice to add a like button as well as some users to that project
    ANYWAY THANKS

  • @mortimerc317
    @mortimerc317 3 หลายเดือนก่อน

    Hi, I have problem in Slug & getStaticPaths section, I follow all of the codes but have different result. In mine, the page opened show Error 404 message not the article page. Can anyone tell me what I might do wrong or direct me how to find the solution?

    • @mortimerc317
      @mortimerc317 3 หลายเดือนก่อน

      I found the problem. I typed 'article' the href link in ArticleCard and MostRecentArtilce isntead of 'articles'.
      Good luck everyone who also learning Astro

  • @lutho600
    @lutho600 ปีที่แล้ว +1

    Can you do a one with a CMS, please Brad, like Strapi, Payload or Sanity. I hope you see my comment 🙏🙏🙏🙏🙏😭

  • @rayandedoschevic2884
    @rayandedoschevic2884 ปีที่แล้ว

    Guys anyone with problems on vercel, when try to search blogs it shows 500: INTERNAL_SERVER_ERROR? In development all works fine

  • @ronaldbrunsen
    @ronaldbrunsen ปีที่แล้ว

    Not sure I see the upside to using this versus word press.

  • @whyfoo
    @whyfoo ปีที่แล้ว

    can u do a remix next ?

  • @Mofumofu-rw5eb
    @Mofumofu-rw5eb 7 หลายเดือนก่อน

    I liked the video, but it was deployed as a static webpage.
    I thought you will tech how to deployed as a SSR page 😔

  • @0xbarb
    @0xbarb ปีที่แล้ว

    using astro from 1y+ never back to other framework

  • @nielslytzdk
    @nielslytzdk ปีที่แล้ว

    Great tutorial, thumbs up!! I keep getting an error in the MostRecentArticle component, it says:
    "Cannot read properties of of undefined (reading 'image')"
    Not sure what I'm doing wrong, I tried copy-paste the code from the repo but no luck 🤔

  • @Witzbold1983
    @Witzbold1983 6 หลายเดือนก่อน

    I am missing the "Quick" Part :D

  • @metamodern7648
    @metamodern7648 ปีที่แล้ว

    I hate astro just because roadmap sh website is built with it and author shared the project under a stupid license which allows to contribute, but not take. At this point I'm just waiting when that shadow goes away so that I'm free to learn what I want

  • @Ruhgtfo
    @Ruhgtfo ปีที่แล้ว

    Why JavaScript have many names

  • @nice2u462
    @nice2u462 ปีที่แล้ว +1

    Oh im first

  • @DannyBoy443
    @DannyBoy443 ปีที่แล้ว

    How can anyone take this guys seriously with that Boston accent? Lmao.

  • @nickdhrones6425
    @nickdhrones6425 10 หลายเดือนก่อน

    Glad you mentioned Tailwind early. I'm out!

  • @joaothomazini
    @joaothomazini 10 หลายเดือนก่อน +1

    @Traversy Media, thanks for the tutorial, it is my first time with Astro.
    I think there is an issue with the pubDate from the Article component:
    {formatDate(article.data.pubDate)} is showing the article Day - 1 not the correct date from the article.
    You can see on your course it also happens, when you change from hardcoded to pubDate it changes the day to -1.
    Any idea why?

    • @joaothomazini
      @joaothomazini 10 หลายเดือนก่อน

      I just fixed the issue...

  • @GMan12321
    @GMan12321 ปีที่แล้ว

    Hi Mate, I just purchased your course. I can't find "Module 5: Search, Pagination & Deploy" in there. It's listed here "/astro-quick-start" but only 4 Modules here "/products/astro-quick-start".