Video Belajar
Tonton dan pelajari berbagai topik menarik melalui video pembelajaran eksklusif dari Channel Parasocial Fix.
Parasocial Fix
174
Porting my Next.js blog to Astro (part 2)
In part 1 https://youtu.be/Xl4hWu4WFOM we started to migrate my personal blog from Next.js to Astro. So far we managed to only have less than 800 bytes of javascript and a perfect lighthouse score.
In this stream, I'm porting the rest of the pages and content from my blog. I managed to do all but one page where I had some issues with markdown parsing and tailwind styling.
Links:
- 52:42 tailwind @apply syntax https://tailwindcss.com/docs/functions-and-directives
Chapters:
0:00 hi friends
9:14 plan for today: port the rest of the pages/routes
26:51 adding layout for blog posts
52:42 tailwind in Astro: how do I add custom CSS using tailwind classes?
1:04:58 starting with a more complicated blog page
1:11:21 implementing /posts page with a list of all posts
1:32:12 TODO for next stream
In this stream, I'm porting the rest of the pages and content from my blog. I managed to do all but one page where I had some issues with markdown parsing and tailwind styling.
Links:
- 52:42 tailwind @apply syntax https://tailwindcss.com/docs/functions-and-directives
Chapters:
0:00 hi friends
9:14 plan for today: port the rest of the pages/routes
26:51 adding layout for blog posts
52:42 tailwind in Astro: how do I add custom CSS using tailwind classes?
1:04:58 starting with a more complicated blog page
1:11:21 implementing /posts page with a list of all posts
1:32:12 TODO for next stream