Learn Astro

Learn Astro

English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 174 Lessons (17h 12m) | 2.27 GB

A premium interactive course for building modern websites using the Astro web framework

Astro is deceptively complex
In a world of overly-engineered web frameworks, Astro promises a crafted simplicity with excellent developer experience and even better performance.

Yet there’s a sneaky amount of complexity available to you when building with Astro. Start simple—by all means! But as soon as you need it, Astro can:

  • Optimize images
  • Render dynamic routes
  • Build dynamic server APIs
  • Render type-safe content
  • Integrate any UI framework
  • Client-side route page transitions
  • Route navigations through middleware
Table of Contents

1 Preview
2 Instructions
3 Introduction
4 Installation and Setup
5 Structure and Routing Basics
6 Astro File Structure
7 Layouts and Slots
8 Your First Astro Component
9 CSS and Styling
10 Client side JavaScript
11 Exercise Card Component
12 Button Component
13 Heading Component
14 Adding TypeScript
15 Using UI Frameworks Astro Islands
16 Exercise Overview
17 Add HTML Structure
18 Add TypeScript
19 Add CSS
20 Markdown components routes
21 Importing Markdown files
22 MDX Basics
23 Import Components in MDX
24 Introduction
25 Code Overview
26 Glob Loader
27 File Loader
28 Custom Loaders
29 Schema basics
30 Referencing other collections
31 Additional Zod options
32 Adding images to collections
33 Querying collections
34 Rendering collection content
35 Fetching referenced collections
36 Transforming schema entries
37 Introduction
38 Dynamic routes SSG
39 Dynamic routes SSR
40 Dynamic routes with remote data practice
41 Nested dynamic routes
42 Nested dynamic routes practice
43 Pagination SSG only
44 Redirects and Rewrites
45 Miscellaneous items
46 Rendering Routing practice
47 Introduction
48 Layout and Setup
49 Footer and Client side JS
50 Nav component
51 Hero component
52 Heading component
53 Link component
54 page
55 Content collection Features section
56 Content collection Project section
57 Content collections Project card
58 Content collections Blog setup
59 Content collections Referencing collections
60 Blog cards
61 Blog cards
62 Routing Pagination
63 Pagination buttons
64 Blog hero and card fixes
65 Routing Dynamic route
66 React wrapper
67 Embedding UI frameworks React example
68 Deploy site
69 Image Service Overview
70 Astro Image Component
71 Images in Markdown and MDX
72 Images in Content Collections
73 Images in UI Frameworks
74 Image Practice 1
75 Responsive Image Options
76 Astro Picture Component
77 getImage Function
78 Image Practice 2
79 Introduction to Dynamic Endpoints
80 Building Static JSON endpoints
81 RSS Feed example project
82 GET Content Collections Endpoint SSG
83 GET Endpoint SSR
84 CRUD endpoints with SSR
85 Project overview
86 POST endpoint and functionality
87 GET endpoint and functionality
88 DELETE endpoint and functionality
89 PATCH endpoint and functionality
90 Conceptual Overview
91 Installation and setup
92 Seeding your local db
93 Fetching local data
94 Working with Astro Studio
95 Publishing with Live Data
96 Dev Links Project Setup and GET endpoint
97 Dev Links Project POST endpoint
98 Dev Links Project DELETE PATCH endpoints
99 Deploy with Vercel
100 Overview and Introduction
101 Context Object and Redirects
102 Astro Locals
103 Example altering the request response
104 Example Logging in middleware
105 Overview and Basic Example
106 Firebase 1 Setup
107 Firebase 2 Create forms
108 Firebase 3 API Setup
109 Firebase 4 Auth functionality
110 Firebase 5 Middleware
111 Lucia 1 Setup
112 Lucia 2 DB Tables
113 Lucia 3 Drizzle Adapter
114 Lucia 4 Create User
115 Lucia 5 Logout User
116 Lucia 6 Login User
117 Lucia 7 Middleware
118 Conceptual Overview
119 Transition Basics
120 State management
121 Transition Animations
122 Routing Transitions
123 Client side Scripts
124 Lifecycle Events
125 i18n Basics
126 Building a language picker
127 Dynamic Routes
128 Dynamic Post pages
129 User language preference
130 Customizing the i18n middleware
131 Other i18n options
132 Installing templates and themes
133 Astro config options
134 Prefetching Links
135 Integrations
136 Dev toolbar
137 Conceptual Overview
138 Basic CMS JSON Google Sheets
139 Project Walkthrough
140 Keystatic Config Setup
141 Keystatic Heading Config
142 Keystatic Testimonial Config
143 Keystatic Finalizing the Config
144 Keystatic Vercel Keystatic Cloud
145 Strapi Install and Setup
146 Strapi Create Heading component
147 Strapi Create Testimonial component
148 Strapi Query Testimonial component
149 Strapi Types and Integrating in Astro
150 Intro and Setup
151 Astro DB setup
152 Get backend endpoint
153 Get books frontend
154 Add Book to DB frontend
155 Add Book to DB backend
156 Dynamic book route
157 Displaying saved books
158 Reading status frontend
159 Reading status backend
160 Delete book frontend
161 Delete book backend
162 Intro and Setup
163 Stripe Setup
164 Stripe content loader
165 Content schema and product cards
166 Product price lookup
167 Product display page
168 Cart indicator update
169 Show cart items
170 Populate cart items
171 Delete all cart items
172 Create Stripe checkout session
173 Mount Stripe checkout session
174 Success redirect

Homepage