Skip to main content
MJ AcademyStream Masterclass
Other Professional Courses2024-10 Edition100% Free Video Course

Astro Course – Build Modern Websites with Astro!

Build Modern Websites with Astro course! This course teaches you how to build a website using Astro 4.0, a versatile modern web framework. This course is suitable for beginner to intermediate JavaScript developers. You are expected to have basic knowledge of JavaScript and HTML/CSS. Experience with frameworks is recommended but not required.

5.0
(1 reviews)
12.3 Hours On-Demand
Created by Astrocourse
Uploaded Sep 2026
English
advanced
Astro Course – Build Modern Websites with Astro!
Preview This Course
Free$129.99100% Free

Instant high-definition streaming with zero paywalls.

Start Learning NowDownload Course Videos (Free)
Course Features:
12.3 hours on-demand video
91 complete lectures
1 downloadable project zip file(s)
Streamable on mobile, tablet & desktop
Self-paced curriculum with progress tracking
Direct MP4 downloads & offline video access
Verified course archives hosted on cloud infrastructure.

What You'll Master in this Course

Full-stack Markdown Blog In this course, you’ll take your blog to the next level by adding powerful features like tags, pagination, authentication, comments, and more! You will also learn to use modern technologies such as Tailwind CSS, TypeScript, Xata and Cloudinari.
Static Site Generation
Server-side rendering
Content Collections
Astro Islands
Image optimization
Integrations
Tailwind CSS
Types of typescript and Zod
API routes / endpoints
Pagination
How to work with Markdown
SEO and meta tags
RSS feeds
Deploying and Hosting

Course Curriculum91 Lectures

1 sections • 12.3 hours total length

Prefer offline learning? Download all 91 video lectures and project files for free.
Download Free
Resources
Preview
2m
The Dev Toolbar.mp4
Preview
7m
Intro To Astro.mp4
5m
Creating Your First Astro Project.mp4
10m
Welcome and Thank You
7m
Astro 4.0.mp4
11m
Working with Git and Github.mp4
3m
VS Code Setup.mp4
3m
Shortcuts That I Use.mp4
4m
Overview of Astro Integrations.mp4
5m
Working With CSS.mp4
9m
Introduction to Tailwind CSS.mp4
10m
Setting Up Tailwind CSS.mp4
7m
Updating the Header and Footer Components.mp4
9m
Updating the Shared Layout.mp4
16m
Introduction to Markdown and Frontmatter.mp4
7m
Introduction to Content Collections.mp4
7m
Configuring Content Collections with Zod.mp4
8m
Querying and Displaying List of Blog Posts.mp4
10m
Styling Blog Posts Using The Tailwind Typography Plugin.mp4
5m
Creating Dynamic Routes for Blog Posts.mp4
9m
Creating the PostList Component.mp4
19m
Displaying Blog Posts.mp4
11m
Cleaning Up Code With Reusable Components.mp4
4m
Creating the TableOfContents Component.mp4
12m
Intro to Pagination.mp4
3m
Creating the Share Component.mp4
8m
Creating The Dynamic Route for Paginated Blog Posts.mp4
12m
Introduction to Meta Tags.mp4
5m
Creating the Pagination Component.mp4
13m
Adding Meta Tags.mp4
11m
Customizing Meta Tags Per Page.mp4
11m
Creating Dynamic Routes for Category Pages.mp4
10m
Displaying a Featured Post.mp4
14m
Adding an RSS Feed.mp4
27m
Refactoring the CategoryList Component.mp4
3m
Displaying Categories.mp4
18m
Intro to the Astro Image Component.mp4
8m
Section Intro.mp4
2m
Displaying Recent Posts.mp4
6m
Handling Form Submissions with KwesForms.mp4
8m
Adding Svelte (and Client Directives) .mp4
9m
Setting Up The Astro Image Component.mp4
15m
Setting Up a Github Repository.mp4
3m
Deploying to Netlify.mp4
2m
Deploying to Vercel.mp4
3m
Updating the Site Config Property.mp4
4m
Overview of the Premium Content.mp4
4m
Next Steps.mp4
13m
Adding the Netlify Adapter.mp4
1m
Overview of SSR In Astro.mp4
4m
Converting Blog Post Pages to SSR.mp4
17m
Fixing a Pagination Bug.mp4
10m
Fixing Pagination Bugs.mp4
6m
Creating the Authors Collection.mp4
4m
Converting Category Pages to SSR.mp4
9m
Adding An Environment Variable For Posts Per Page.mp4
10m
Creating Dynamic Routes for Author Pages.mp4
7m
Displaying Author Info For Blog Posts.mp4
12m
Intro to Cloudinary and Account Setup.mp4
7m
Installing and Configuring Cloudinary in Astro.mp4
5m
Creating the Users Schema.mp4
2m
Creating the Comments Schema.mp4
2m
Intro to Xata.mp4
3m
Adding Auto Generated Image URLs.mp4
10m
Integrating Xata Into Astro and Generating TypeScript Types.mp4
7m
Overview of Authentication with Cookies.mp4
4m
Securing Our Cookies.mp4
7m
Creating the Signup Page.mp4
7m
Creating the Login Page.mp4
3m
Handling the Signup Endpoint.mp4
11m
Handling the Login Endpoint.mp4
8m
Handling Errors.mp4
8m
Handling the Sign Out Endpoint.mp4
2m
Updating the Header.mp4
5m
Handling Redirects after Login.mp4
2m
Handling Comment Form Submission.mp4
7m
Querying Comments for a Blog Post.mp4
6m
Section Intro.mp4 2
1m
Displaying Comments for a Blog Post.mp4
20m
Displaying Emojis.mp4
16m
Setting up the Reactions Table.mp4
2m
Creating the Comment Form.mp4
17m
Creating the Newsletter Form.mp4
12m
Handling the Newsletter Form Submission.mp4
5m
Handling Emoji Reactions.mp4
17m
Querying Emojis.mp4
26m
Saving Subscriber Emails to Xata.mp4
5m
Creating the Success and Failure Pages.mp4
10m
Deploy to Vercel.mp4
5m
Deploy to Netlify.mp4
4m

Requirements

  • Basic enthusiasm to learn and follow along with lessons
  • A computer or mobile device with a modern internet connection

Description

Build Modern Websites with Astro course! This course teaches you how to build a website using Astro 4.0, a versatile modern web framework. This course is suitable for beginner to intermediate JavaScript developers. You are expected to have basic knowledge of JavaScript and HTML/CSS. Experience with frameworks is recommended but not required.

Instructor

A

Astrocourse

Specialist in Other Professional Courses

Passionate educator focused on real-world practical skills, modern frameworks, and production-ready engineering practices. Delivering step-by-step masterclasses accessible to learners globally on MJ Accedemy.

Recommended Curriculum

Students Also Viewed

Automated Software Testing with Playwright
Other Professional CoursesUdemy
2025-3 Edition

Automated Software Testing with Playwright

Industry Specialist

HD StreamAll Levels
1056 lectures
Download Free
93.9 hrs
Advanced Defensive Programming Techniques
Other Professional CoursesPluralsight
2024-11 Edition

Advanced Defensive Programming Techniques

Zoran Horvat

5.0
(2)
79 lectures
Download Free
9.3 hrs
Node JS Interview Masterclass: Top 200 Questions (PDF)(2024)
Other Professional CoursesUdemy
2024-3 Edition

Node JS Interview Masterclass: Top 200 Questions (PDF)(2024)

Industry Specialist

5.0
(1)
648 lectures
Download Free
48.4 hrs
AutoCAD Mastery: 500 Examples| 10 Projects| 110 Q&A|10 Tests
Other Professional CoursesUdemy
2024-8 Edition

AutoCAD Mastery: 500 Examples| 10 Projects| 110 Q&A|10 Tests

Industry Specialist

HD StreamAll Levels
625 lectures
Download Free
145.3 hrs