Video Belajar
Tonton dan pelajari berbagai topik menarik melalui video pembelajaran eksklusif dari Channel Simon Sorensen.
Simon Sorensen
12062
Building a Blog with Astro 1, Typescript and TailwindCSS - 2022
YEEEHAW!!! LET'S BUILD A BLOG WITH ASTRO.
See the result: https://madman.simse.io
Simple guide to building a deploying a basic blog with Astro 1.6 in Typescript styled with TailwindCSS. A bit of Javascript and CSS knowledge is required.
Sections:
00:00:00 What we're building
00:03:58 Creating the Astro project
00:08:40 Creating your first layout
00:13:50 Creating our first component
00:18:44 Adding another page
00:20:05 Using a custom font in Astro
00:23:56 Using TailwindCSS with Astro
00:30:49 Adding Markdown posts to Astro
00:38:04 Page with list of blog posts
00:41:14 Funny video I found on Reddit
00:42:00 More advanced Typescript
00:45:18 Sorting blog posts by date
00:49:27 Adding draft status
00:54:11 Adding featured images with Astro Image
01:04:04 Use arbitrary image formats for the featured image
01:10:29 Adding blog post tags
01:27:34 Adding a sitemap to Astro
01:29:46 Compressing your build output in Astro
01:31:25 Adding a favicon to Astro
01:33:54 Deploying your Astro website
See the result: https://madman.simse.io
Simple guide to building a deploying a basic blog with Astro 1.6 in Typescript styled with TailwindCSS. A bit of Javascript and CSS knowledge is required.
Sections:
00:00:00 What we're building
00:03:58 Creating the Astro project
00:08:40 Creating your first layout
00:13:50 Creating our first component
00:18:44 Adding another page
00:20:05 Using a custom font in Astro
00:23:56 Using TailwindCSS with Astro
00:30:49 Adding Markdown posts to Astro
00:38:04 Page with list of blog posts
00:41:14 Funny video I found on Reddit
00:42:00 More advanced Typescript
00:45:18 Sorting blog posts by date
00:49:27 Adding draft status
00:54:11 Adding featured images with Astro Image
01:04:04 Use arbitrary image formats for the featured image
01:10:29 Adding blog post tags
01:27:34 Adding a sitemap to Astro
01:29:46 Compressing your build output in Astro
01:31:25 Adding a favicon to Astro
01:33:54 Deploying your Astro website