REVAN KURNIAWAN

SOFTWARE DEVELOPER

0
Back to Projects
Web Developer

Naradev

A modern, editorial full-stack article platform for engineering insights.

Naradev Preview

Purpose

To create a premium reading experience for sharing deep-dive engineering articles and technical insights.

My Role

Full Stack Developer

Status

Completed

The Problem

Existing blogging platforms often lacked the specific formatting capabilities needed for technical content, such as robust code highlighting, complex markdown support, and native internationalization.

The Solution

Built a custom editorial platform that natively understands complex Markdown, providing authors with a rich text editing experience and readers with an elegant, distraction-free UI.

Tech Stack & Architecture

Frontend Nuxt 3, Tailwind CSS
Backend Nuxt Server Routes (Nitro)
Database MongoDB
Deployment Vercel

Why these technologies? Nuxt 3 provided a seamless full-stack developer experience. MongoDB's document structure was a natural fit for storing highly variable article content and metadata.

Key Features

  • Full syntax-highlighted Markdown and MDX support
  • Built-in i18n for English and Indonesian languages
  • Custom content management dashboard for authors
  • Optimized reading typography and dark/light modes

Challenges & Solutions

Challenge

Rendering heavy Markdown content with complex code blocks quickly without degrading performance.

Solution

Implemented server-side rendering (SSR) for markdown parsing and edge caching to serve articles instantly to readers.

Impact & Results

Successfully created an authoritative space for technical writing, improving engagement metrics such as average time on page compared to standard blogging sites.

Interested in working together?

Get In Touch