Software & Systems

rafimp.id — Personal Ecosystem & Multi-Landing Platform

High-performance personal website and multi-disciplinary ecosystem platform built with Astro v6, Cloudflare Edge, bilingual i18n, and an AI-First workflow.

Production Year 2026
Tech & Tools Astro v6, Cloudflare Pages, TypeScript, Tailwind CSS v4, Resend API, Umami Analytics, Turnstile

rafimp.id is the personal website and multidisciplinary digital ecosystem of Rafi Maryudwika — Full Stack & Frontend Software Engineer based in Padang. Built with the Astro v6 meta-framework and pre-rendered as a static SSG site on Cloudflare Pages’ global edge network, the platform combines battle-tested classical software engineering fundamentals with an AI-First development workflow.

The website implements a Multi-Landing Page & Subdomain Rewrite strategy to separate the 4 core ecosystem pillars: Software & Systems (dev.rafimp.id), Paduka PC Hardware (pc.rafimp.id), Cinematography (/arts/), and Observational Essays & Journal (/essays/).


Project Architecture Summary

ParameterDetails
Project NamePersonal Ecosystem & Multi-Domain Platform (rafimp.id)
Primary RoleFull Stack Engineer, Infrastructure Architect & Designer
Scope & StrategyMulti-Landing Architecture, Dual-Language i18n (ID & EN), Niche SEO Conversion
Core StackAstro v6, TypeScript, Tailwind CSS v4, @astrojs/cloudflare Adapter
Services & AnalyticsResend API (Edge Dispatch), Cloudflare Turnstile, Umami Privacy-Friendly Analytics

Desktop Interface Showcase dev.rafimp.id
Figure 1: Engineering Landing Page Interface (dev.rafimp.id) featuring work status availability, 4-Tier Tech Stack matrix, and contextual contact pipeline.

Key Features & Technical Highlights

  • Multi-Landing Architecture & Subdomain Rewrites: Separates general site visitors from recruiters and commercial clients. dev.rafimp.id delivers an engineering conversion landing page, pc.rafimp.id showcases Paduka PC hardware repair services, while rafimp.id serves as a neutral multidisciplinary hub.

  • AI-First Workflow backed by Solid Fundamentals: Leverages modern AI engines (Cursor IDE, Antigravity / Claude Code, Vercel AI SDK, OpenAI API) for accelerated iteration speed while enforcing strict TypeScript type safety and modular component design.

  • Serverless Contact Pipeline & Dual-Email Routing: Integrated contact form powered by Resend API running on Cloudflare Workers edge runtime. Automatically routes software inquiries to work@rafimp.id with [DEV INQUIRY] subjects and general inquiries to hello@rafimp.id with [CREATIVE/GENERAL] subjects, protected by Cloudflare Turnstile anti-bot verification.

  • Bilingual i18n & Schema.org JSON-LD Structured Data: Supports dual-language (id / en) with strict route parity (/id/... & /en/...). Features Person, LocalBusiness, and FAQPage JSON-LD schema injection for Google Rich Snippets & AI Search engines (Perplexity/SearchGPT).

  • Edge Hosting & Zero-Latency Performance: Prerendered static SSG pages deployed on Cloudflare Pages edge network with media CDN pipeline on Cloudflare R2. Integrated with Umami Privacy-Friendly Analytics to track real-time traffic without impacting Google Core Web Vitals.

Interested in building a similar project?

Let's discuss your business requirements, timeline estimates, and technical architecture.

Start Project Discussion ➔