Video Belajar
Tonton dan pelajari berbagai topik menarik melalui video pembelajaran eksklusif dari Channel Web Dev Fuel.
Web Dev Fuel
3602
Build A Website with Astro, TailwindCSS and React (#1 - Initial Setup, Home Page and Posts)
In this video of the Build A Website with Astro, TailwindCSS and React series, you'll learn how to scaffold a Astro project from scratch, create a index page, display a list of posts and create a single post layout.
💻🚀 GitHub Repository: https://github.com/webdevfuel/asteroid
00:00:00 Introduction
00:02:16 Scaffold Astro project
00:07:44 Overview of Astro concepts
00:18:36 Set up TailwindCSS
00:24:45 Create Header component
00:29:43 Add content to home page
00:34:20 Create Footer component
00:38:49 Create Card component
00:40:17 Create blog page
00:47:01 Create example posts
00:48:34 Add TypeScript interface to Card component
00:52:33 Import posts frontmatter into blog page
01:01:28 Customize blog page look and feel
01:05:01 Create post layout
01:21:40 Order posts import by decreasing date
01:26:20 Limit posts index on home page to last 3
💻🚀 GitHub Repository: https://github.com/webdevfuel/asteroid
00:00:00 Introduction
00:02:16 Scaffold Astro project
00:07:44 Overview of Astro concepts
00:18:36 Set up TailwindCSS
00:24:45 Create Header component
00:29:43 Add content to home page
00:34:20 Create Footer component
00:38:49 Create Card component
00:40:17 Create blog page
00:47:01 Create example posts
00:48:34 Add TypeScript interface to Card component
00:52:33 Import posts frontmatter into blog page
01:01:28 Customize blog page look and feel
01:05:01 Create post layout
01:21:40 Order posts import by decreasing date
01:26:20 Limit posts index on home page to last 3