github.com/tubone24/blog ↗
tubone's Blog made by Astro and Netlify
Open this visualization on its own page →
Contributors
8
Lines of Code
2,965
From
2020-05-08
To
2022-09-13
About tubone24/blog
Tubone's Blog is a personal blogging platform built with Astro 5 and deployed on Netlify. The site uses React 18 for interactive components, TypeScript for type safety, and Bootstrap 5 for styling with SCSS modules. Content is managed through Astro Content Collections in Markdown format, with support for advanced features like syntax highlighting, heading anchors, table of contents generation, and lazy image loading through a collection of rehype and remark plugins.
The project includes comprehensive developer tooling and quality assurance infrastructure. It features Algolia-powered site search, Google Analytics integration, Gitalk comments, and Sentry error monitoring. The codebase maintains high standards through ESLint, stylelint, and EditorConfig, with automated testing via Jest, React Testing Library, and Cypress. Components are documented in Storybook, and every production deployment is measured by Lighthouse benchmarks. Security is enforced through Gitguardian for credential detection and Snyk for vulnerability scanning.
The blog notably supports a paywall system using the x402 protocol (HTTP 402 Payment Required) to gate premium articles behind USDC payments on the Base blockchain. Images are self-hosted with automatic WebP conversion and resizing, dynamic OGP Twitter cards are generated, and custom RSS feeds and sitemaps are provided. Infrastructure is managed through Terraform Cloud for Netlify configuration, and the project uses GitHub Actions for CI/CD with separate workflows for preview and production deployments.