Astro Quick Start Course | Build an SSR Blog
Astro Quick Start Course | Build an SSR Blog
#Astro #Quick #Start #Build #SSR #Blog
“Traversy Media”
In this course, you will learn the fundamentals of the Astro web framework while building a server-side rendered (SSR) tech blog.
Final Code:
Course Page:
Become a Traversy Media Member:
Use the promo TRAVERSYMEMBER to get the first 3 months for $15 per month.
Timestamps:
0:00 – Intro
3:32 – What Is Astro?
7:35 – Install & Setup
12:27 – Pages Folder & Routing
17:26 – Image Component
24:58 – Component Script
29:06 – Layout & Slots
36:45 – Component Props
39:31 – Using Constants
42:52 – Navbar & Footer Components
46:51 – Custom 404 Page
51:18 – Collections & Markdown
55:27 – Collection Schema
58:17 – Querying Collections
01:07:02 – Format & Sort By Date
01:12:36 – Article Card Component
01:15:52 – Homepage Articles
01:25:08 – Most Recent Article
01:31:11 – Slug & getStaticPaths
01:37:12 – SSR Config & Single Article
01:47:30 – Tags Component
01:53:18 – Tag Page
01:59:34 – Footer Tags
02:04:29 – Search Page
02:16:15 – API Endpoints
02:25:55 – Pagination Component
02:34:05 – Disable Prev & Next
02:39:36 – Vercel Deployment
source
To see the full content, share this page by clicking one of the buttons below |
Discovered Astro a few days ago. Great course and thanks for releasing it for free.
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.
Thank you so much for your efforts! ❤
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.
Hey question here. Do you have any plans of doing any videos or YouTube courses on Django in the next year of 2024??
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
ASTRO primarily focuses on optimizing network connections, especially in the context of gaming.
Coding with Brad is like having a beer with your best friend.
Thanks Brad, really appreciate this free content!
galing mo talaga idol!
Dear traversy, will there be videos on flutter? Please.
Traversy Media, you forever have my respect. 😆 😀
Thanks for making the course free Brad!
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".
Not sure I see the upside to using this versus word press.
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
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.
hey Brad, how about a full Astro Course Dev to Deployment on Udemy after you finish and publish the Laravel one?
Another great course Brad! I really like the simplicity of Astro
Excellent!
using astro from 1y+ never back to other framework
Can you do a one with a CMS, please Brad, like Strapi, Payload or Sanity. I hope you see my comment 🙏🙏🙏🙏🙏😭
Why JavaScript have many names
Why I should choose Astro + Quick vs Next.js for blog ? What are the benefits of this stack over classic Next.js ?
Thank you Brad! You are the mennn!!! 🔥🔥🔥🔥🔥🔥🔥🔥
Great tutorial!
btw are u planning to update the next.js course?
Hi Brad. Will you do a course on HTMX please? Thanks man
Tailwind is the worst cancer to hit frontend in years. Pleaser stop spreading this disease.
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
Hi Brad,can you make content on ruby on rails ? Thanks
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?
Astro is so good that i sometimes think 'What's the catch' while using it
Amazing!
Thanks
Thank you so much! Your voice is good to listen to.
Great crash course Brad. Thanks for making it available for free. Astro looks like the next big thing in web dev
Hey Brad, do you have an estimate when the Laravel course is dropping? Looking forward to it!
can u do a remix next ?
Thank you Brad for all the free knowledge and work you put in 👍🙏💯
Thank you Brad
Anticipated 😲
I was glancing over the source code yesterday since I follow your GitHub profile, and Astro is really such a great and simple library!
Is the 2024 web development guide video coming up soon maybe? 🥹
my favorite coding channel using my favorite framework, thanks for making content like this!
You have helped me a ton in my career. Thank you Brad.
Can't wait for the Laravel course Brad, hoping to land a PHP role with the help of your courses in 2024 Q1 😝
Oh im first
Thank you for the Christmas gift 🎁💝.
Well wishes to you and your family 💟
Just in the right time