Create a Slick Countries App with Astro and Static Site Generation

Описание: How does your app move from page to page? Is it an "old-school" website, each page contained in its own file? Something server-rendered, with dynamic information from a database? Or maybe routing happens completely in the browser using Javascript and libraries.

In the third video of this series, we look at static site generation using Astro, a popular SSG framework. We'll set it up from using `npm create`, build out the routes using file-based routing, and load in data needed to display countries in this fun challenge from Frontend Mentor.

---

Links:

Frontend Mentors Challenge: https://www.frontendmentor.io/challen...
Astro: https://astro.build


---

Chapters:

00:00 - Intro
02:15 - Initialize the project
04:45 - Why Astro?
06:50 - Explore the project
07:40 - Add React integration
09:30 - Run the project
10:10 - Set up base layout file
13:00 - Add components and "client:only"
16:20 - Add Index data
19:40 - Add Details page
19:40 - Define Countries collection
26:50 - Set Up getStaticPaths for Details page
34:40 - The benefits of SSG
40:35 - Wrapping up