Building Content-driven Websites with Astro

We recently had an amazing live stream with Ben Holmes from Astro, during which we chatted about building content-driven websites with Astro JS. This is also an opportunity of getting started with Astro.

You can see the replay below.

However, I would like to share what we covered briefly in this blog post.

Astro JS Key Features

Ben has joined us virtually to discuss the awesome things happening at Astro, a framework designed specifically for building content-rich websites.

Whether you're creating marketing blogs, e-commerce sites, or personal portfolios, Astro provides the tools you need to make your site look fantastic and perform smoothly.

In the session, we cover what's new with Astro, including some forward-looking features still in preview, as well as, on getting started with Astro.

We'll also dive into content collections, a powerful feature that simplifies managing and organizing content on your site.

Additionally, Ben will give us a live demo, showcasing how easy it is to start a new project with Astro, use server-side scripting, and create component-based layouts.

We'll also discuss Astro's new experimental feature and actions, which allow for handling dynamic functionalities like forms and buttons on the server.

I also wrote a great post about Astro JS Actions here, which has a demo app and code example.

Ben also covered integrating Astro with Strapi, a popular headless CMS, showing how to fetch and render content seamlessly.

Lastly, we'll get a sneak peek at an exciting upcoming feature called loaders, which promises to make fetching and caching content from external sources even easier.

So go check out the entire stream to explore all the fantastic new and coming Astro features with us.

Are you new to Astro and looking for a crash course? We got you.

Additional Astro Resources

Blog Posts: Astro Crash Course 101

• Part 1: Introduction to Astro
• Part 2: Introduction to Strapi
• Part 3: Building the Main Project
• Trigger Deployments Using Vercel Deploy Hook and Strapi Webhook

Check out the following video playlist or read the blog post below it.

Astro Crash Course Part 1: Project overview and introduction

In this YouTube video, we will cover the basics of Astro, a popular frontend framework, and how to build an application using Astro and Strapi, an equally popular headless CMS. Our instructor, Tamas, who has over 25 years of experience in the IT industry, will guide us through the process.

Astro Crash Course Part 2: Astro 101 introduction to the basics

In this video, we walk you through the basics of setting up an Astro project, including running the necessary commands, selecting a template, and installing dependencies.

Astro Crash Course Part 3: Server Side Rendering

In this video, you will learn how to create a fake database of products using JavaScript and Astro.

Here is the link to the full playlist: Astro Crash Course

Astro Side Project

Unoficial side project being worked on by Paul: Astro Strapi Starter