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