RyanDev - Company Profile + Blog

📝 Introduction

RyanDev is a hybrid platform merging a professional company profile with a personal technology blog. Built with modern Next.js and Shadcn UI stack, it aims to create a dynamic digital space to showcase portfolios, share technical knowledge, and offer digital product development services. With GitHub integration as backend, RyanDev provides an economical yet powerful hosting solution for technical content.

🎯 Background

Digital Presence Need: In an era where digital portfolios are crucial credentials for developers
Lack of All-in-One Platforms: Difficulty finding platforms that elegantly combine technical blogs with company profiles
Full Content Control: Desire for a content management system integrated with Git workflow
Open Ecosystem: Building solutions leveraging open-source infrastructure for transparency and collaboration

This platform was born from both personal and professional needs, where as a developer I wanted:

A learning documentation space
Interactive portfolio gallery
Professional services portal
A system integrated with modern development workflows

🚀 Key Features

🔍 Search & Filter System

Smart Search: Article search with autocomplete and result highlighting
Multi-Dimensional Filters: Combined filtering by status, tags, author, and rating
Flexible Sorting: Sort by date, popularity, or reading duration

📚 Personal Content Management

Smart Bookmarks: Article storage with custom categories
Readlists: Personal collections for priority reading
Reading History: Automatic reading progress tracking with visual timeline

🛠️ User Utilities

Adaptive Dark Mode: Dark theme with granular configuration
Local Backup: Offline storage using LocalStorage
Data Import/Export: Transfer data between devices in JSON format

🌐 Multi-Language System

Support for 2 languages (English & Indonesian) with dynamic switcher
Consistent content translation across platform
Automatic detection of user language preference

💬 Interaction System

Multi-Provider Login: OAuth via GitHub, Google, and email
Discussion Comments: Disqus integration with real-time moderation
Subscriptions: Email notifications for new articles

🔄 Git Integration

Automatic version history for all content changes
Two-way sync with GitHub repositories
Team collaboration via integrated pull request system

⚙️ Technology Architecture

Core Stack

Layer	Technology
Framework	Next.js 14 (App Router)
UI Library	Shadcn UI + Tailwind CSS
State	Zustand
API Client	TanStack Query
Auth	Next-Auth
Deployment	Vercel

GitHub Integration

GitHub REST API + GraphQL API
Octokit.js library
PAT management
Real-time updates via webhooks

📊 Analytics

Vercel Analytics
Google Analytics 4
Reading activity tracking
Error monitoring with Sentry

💡 Competitive Advantages

Git-Native Infrastructure
- Built-in version control for articles
- Change transparency through commits
- Community collaboration via GitHub
Economical & Scalable
- Free storage via GitHub
- Global distribution via GitHub CDN
- Scalability without additional costs
Data Sovereignty
- No proprietary platform lock-in
- High data portability
- Customization as needed

🔗 Links

"The best technology is invisible, yet makes life easier." - Muhamad Riyan Firdaus