🛠️ Blog Tech Stack(what powers this site)
This blog is built with the following technologies:
💻 Core Framework & Frontend
Remix
Full stack web framework that leverages React Router and supports server-side rendering. Remix provides exceptional performance with intelligent loading states, error handling, and seamless data mutations. Its nested routing structure allows for intuitive code organization and component composition.
React
JavaScript library for building user interfaces with component-based architecture. React's declarative paradigm makes code more predictable and easier to debug. It efficiently updates and renders components when data changes using its virtual DOM implementation, resulting in faster and more responsive user experiences.
TypeScript
Strongly typed programming language that builds on JavaScript, providing better tooling. TypeScript enhances code quality and understanding through static type checking, enabling early detection of errors during development. Its advanced features like interfaces, generics, and enums support large-scale application development while maintaining compatibility with JavaScript.
🎨 Styling & UI Elements
Tailwind CSS
Utility-first CSS framework for rapidly building custom user interfaces. Tailwind promotes consistency and efficiency by providing low-level utility classes that can be composed to build any design. Its configuration system allows for customization of colors, spacing, and breakpoints while its PurgeCSS integration ensures minimal production bundle size.
Font Awesome
The internet's most popular icon toolkit used throughout this blog for visual elements. Font Awesome provides scalable vector icons that can be customized with CSS (size, color, drop shadows). This blog uses Font Awesome to enhance the user interface with recognizable icons for social media links, navigation elements, and content categorization, improving both aesthetics and usability.
Marked
Markdown parser used to render content stored in Strapi for display on the blog. Marked converts markdown syntax into HTML with high performance and extensibility. The parser supports GitHub Flavored Markdown and custom rendering, allowing blog posts to include rich formatting, code blocks with syntax highlighting, and embedded content while maintaining clean, semantic markup.
🚀 Deployment & DevOps
Docker
Containerization platform used for consistent deployment across different environments. Docker packages applications and their dependencies into isolated containers that can run anywhere, eliminating "works on my machine" problems. This blog uses Docker to create reproducible builds, simplify the development workflow, and enable seamless deployment to production environments with minimal configuration differences.
Railway
Modern hosting platform that makes deploying applications effortless. Railway provides infrastructure-as-code capabilities with automatic deployments from Git, built-in databases, and customizable environments. This blog leverages Railway for production hosting, offering reliable performance, easy scaling, and simplified DevOps with features like automatic HTTPS, preview environments, and zero-downtime deployments.
Cloudflare
Global cloud platform that provides CDN, DNS, DDoS protection, and security services. Cloudflare enhances website performance and security by caching content at edge locations worldwide, reducing latency, and protecting against threats. This blog utilizes Cloudflare for fast content delivery, SSL management, and protection against malicious traffic, ensuring optimal user experience and site reliability across all regions.
The complete source code for this blog is available on GitHub.