Astro Blogging ⭐

https://lukes-code-blog.netlify.app/

Requires API key to run locally, alternatively please see the video or prod link.

Technologies

Astro
TypeScript
GraphQL (Contentful Headless CMS)
Tailwind
View Transitions API

Functionality in practice (video)

Sidescroller consisting of blgo and portfolio posts driven by Contenful as a headless CMS
Render animations utilising transition:animation slide and fade
Page transitions for the post images utilising View Transitions API

blog.mov