Personal Website

I built this project on React Router

Author's Thought

It used to be Remix.js

for the frontend, by highlighting its flexibility in project structure management (project directories), allowing me to freely use any approach to ensure the project structure is neat and scalable. In addition, its action/loader mechanism is also very helpful to ensure data loading and data submitting work more transparently, and also makes fullstack projects easier to manage because the server logic is centralized within it. For the backend, I'm using Hono.js which really fits into Cloudflare Workers.

Tailwind CSS was used for faster styling work, although personally I prefer Vanilla CSS since once again it offers flexibility in its management, and of course cleaner code. And indeed Tailwind CSS is already automatically provided by React Router. Typescript is for type-safe features, and this too is already bundled with React Rrouter.

This project is deployed with Cloudflare Pages & Workers and uses Cloudflare R2 to store static files (pdf, images, etc.), this approach ensures this project got really economical especially if the traffic is low. Alongside R2, I also use Cloudflare D1 to store literal string data or json-like data.

This Tech Stack ensures comfort in improvisation regarding scalability, modularity, maintainability, and the operational cost that is almost free.