A Technical Deep Dive
How I built a modern neobrutalist personal site using Astro, DaisyUI, AI-powered development tools, and deployed it on Cloudflare Pages.
Project goals, approach, and key outcomes
Prototyping with Figma and design iteration
Tech stack decisions and system design
Build process, challenges, and solutions
Cloudflare Pages setup and CI/CD
Cursor AI, GitHub Copilot, and development flow
Takeaways, best practices, and recommendations
Started with Figma prototypes to validate the neobrutalist aesthetic before writing any code.
Zero runtime JavaScript for styling. All animations pure CSS. Perfect Lighthouse scores.
Leveraged Cursor AI and GitHub Copilot to accelerate implementation while maintaining quality.
Separated content from presentation using Astro's content collections for easy updates.
This entire site is open source. Explore the implementation, fork it, or use it as inspiration.