---
title: 'Rebuilding an open source content-rich site with Astro, TypeScript, and React'
date: 2024-03-23
excerpt: 'A YouTube live coding stream, learning to build content-driven sites with the Astro Web Framework.'
tags: [video, nextjs, typescript, astro]
canonical: https://mikebifulco.com/posts/live-astro-content-driven-website-rebuild
---
# Rebuilding an open source content-rich site with Astro, TypeScript, and React

OpenApi.tools is an Open Source and community-driven list of high-quality, modern tools for OpenAPI that we've been maintaining over at APIs You Won't Hate for the past few years, and it's overdue for a rebuild.

🔧 In this session, I'll be using Astro.build to recreate the openapi.tools site, with a focus on building a highly performant, maintainable, and SEO-driven experience for the next version. If i'm lucky, we'll even get into building some fun new features to help our community find the right tools for their use case with OpenAPI

I'll be building with:

- Astro: [https://astro.build](https://astro.build)
- Hosting through @VercelHQ
- Visual Studio Code
- TypeScript
- React.js
- Markdown
- Fathom analytics @FathomAnalytics
- PostHog @PostHog
- Tailwind CSS @TailwindLabs

📅 Mark your calendars and join me at 10am EST for an insightful journey through the intersection of design and development. If you dig SEO and markdown, or you're a React developer, JavaScript enthusiast or TypeScript pro, or you've been curious about what Atsro brings to the table, you'll enjoy this one!

Don't miss out on this opportunity to learn, create, and connect. Be sure to subscribe and click the notification bell to stay updated on this and more exciting content from Craftwork.

For additional resources like my newsletter for founders and product builders, 💌Tiny Improvements, visit my website at [https://mikebifulco.com/newsletter](https://mikebifulco.com/newsletter)

## More from mikebifulco.com

- [The results of my PostHog AB Test are in!](https://mikebifulco.com/posts/posthog-ab-test-results-are-in)
- [How I found a missing change on my next.js site with PostHog](https://mikebifulco.com/posts/posthog-helped-me-find-a-bug)
- [Fixing the sign-up problem on my site using PostHog Product analytics](https://mikebifulco.com/posts/fixing-my-conversion-problem)

---

Written by Mike Bifulco. Originally published at https://mikebifulco.com/posts/live-astro-content-driven-website-rebuild