2026Content & Publishing UI

Content Publishing Platform & Live Editor

Platform menulis dan mempublikasikan artikel dengan editor Markdown yang punya preview langsung di sebelahnya. Artikel yang diterbitkan otomatis punya halaman sendiri dengan URL bersih, metadata SEO terstruktur, dan rendering SSR.

Peran

Junior Web Developer

Tanggal Rilis

2026

Kategori

Content & Publishing UI

Status
Terverifikasi Produksi
Editor UXDual-Pane Live Markdown
SEO StrategyDynamic Structured Metadata
RenderingNext.js Hybrid SSG/SSR
Latar Belakang & Kebutuhan

Konteks & Kebutuhan Sistem

Alur kerja publikasi artikel memerlukan lingkungan penulisan teks Markdown dengan umpan balik visual seketika (live preview) tanpa jeda. Di sisi distribusi, artikel yang diterbitkan wajib memiliki metadata Open Graph terstruktur dan performa muat awal instan agar mudah diindeks oleh search engine crawler.

Keputusan Rekayasa

Pendekatan & Solusi Teknis

Mengembangkan platform penerbitan Next.js App Router dengan editor split-pane ganda yang menyinkronkan pengetikan Markdown dan rendering HTML secara instan. Menggunakan Server-Side Rendering untuk menghasilkan halaman publik dengan metadata SEO terstruktur otomatis dan performa First Contentful Paint yang optimal.

Teknologi & Stack Rekayasa

Next.jsReactTypeScriptTailwind CSSMarkdown UITechnical SEO

Jelajahi Proyek Lainnya

Proyek-proyek lain yang mungkin menarik buat kamu lihat

Lihat Semua
Website SMP Negeri 24 Padang
Next.jsReact+7
2025
Next.js & Performance

Website SMP Negeri 24 Padang

Website sekolah SMP Negeri 24 Padang yang saya bangun dari nol saat magang. Sebelumnya, sekolah belum punya portal digital yang layak saya rancang arsitektur Next.js App Router dengan rendering SSR/SSG, validasi form Zod, dan SEO terstruktur supaya halaman cepat terindeks dan mudah dikelola staf.

Prediksi Siklon Tropis (Data IBTrACS)
AstroTypeScript+6
2026
Web Application

Prediksi Siklon Tropis (Data IBTrACS)

Ini proyek skripsi S1 saya: membuktikan LSTM bisa prediksi lintasan siklon tropis dengan akurat. Saya uji 12 skenario eksperimen (3 basin × 4 variasi timesteps), dan hasilnya window 8-16 paling bagus - rata-rata error cuma 14,2 km dengan R² 0,999. Modelnya saya konversi ke ONNX supaya bisa jalan langsung di browser, frontend pakai Astro Island Architecture.

Ingstore - Website Penjual Mobil Berbasis CMS
Next.jsReact+5
2025
React & Next.js UI

Ingstore - Website Penjual Mobil Berbasis CMS

Website showroom mobil yang saya buat supaya calon pembeli bisa eksplor unit, filter berdasarkan spesifikasi, dan langsung hitung simulasi kredit DP dan cicilan bulanan secara real-time. Penjual bisa kelola stok unit lewat struktur CMS yang rapi.

Website Penjualan Rumah
AngularTypeScript+5
2026
Angular & Reactive Architecture

Website Penjualan Rumah

Aplikasi web pencarian properti yang saya bangun pakai Angular Standalone Components murni TypeScript. Fitur utamanya: komparasi 2 properti secara side-by-side, denah arsitektur 2D bertingkat yang bisa di-zoom, dan simulator cicilan KPR pakai formula anuitas Bank Indonesia - semuanya reaktif lewat Angular Signals tanpa library state management tambahan.