[{"data":1,"prerenderedAt":359},["ShallowReactive",2],{"portofolio-id-qinarian":3,"portofolio-all-id":244},{"id":4,"title":5,"_path":6,"body":7,"category":221,"client":222,"date":223,"description":224,"extension":225,"image":203,"industry":226,"meta":227,"navigation":228,"path":229,"seo":230,"services":231,"status":236,"stem":237,"tags":238,"url":242,"__hash__":243},"portofolio\u002Fportofolio\u002Fid\u002Fqinarian.md","Qinarian","\u002Fportofolio\u002Fqinarian",{"type":8,"value":9,"toc":212},"minimark",[10,15,19,26,31,34,38,41,88,92,99,116,120,180,184,198],[11,12,14],"h1",{"id":13},"qinarian-platform-komunitas-teknologi","Qinarian — Platform Komunitas Teknologi",[16,17,18],"p",{},"Platform komunitas teknologi untuk innovators yang menggabungkan kolaborasi open-source dengan solusi digital cutting-edge.",[16,20,21],{},[22,23],"img",{"alt":24,"src":25},"Platform Qinarian","\u002Fportofolio\u002Fqinarian\u002Fpreview.avif",[27,28,30],"h2",{"id":29},"masalah","Masalah",[16,32,33],{},"Komunitas teknologi membutuhkan platform yang terasa modern, terbuka, dan kolaboratif. Kebanyakan platform yang ada terlalu korporat atau berantakan, kurang ramah bagi developer yang ingin berkolaborasi dan berbagi pengetahuan secara efektif.",[27,35,37],{"id":36},"solusi","Solusi",[16,39,40],{},"Qinarian dibangun sebagai hub komunitas yang memprioritaskan konten dan kolaborasi:",[42,43,44,52,58,64,70,76,82],"ul",{},[45,46,47,51],"li",{},[48,49,50],"strong",{},"Project Showcase"," — Display proyek yang bersih dengan case study detail dan informasi tech stack",[45,53,54,57],{},[48,55,56],{},"Community Hub"," — Ruang untuk developer terhubung, berdiskusi, dan berkolaborasi",[45,59,60,63],{},[48,61,62],{},"Resource Library"," — Kumpulan tools, tutorial, dan resources yang dikurasi",[45,65,66,69],{},[48,67,68],{},"Multi-Language Support"," — i18n built-in untuk aksesibilitas global (Indonesia & English)",[45,71,72,75],{},[48,73,74],{},"Content-Driven CMS"," — Berbasis Markdown untuk kemudahan update konten",[45,77,78,81],{},[48,79,80],{},"Modern UI\u002FUX"," — Interface bersih yang mengutamakan konten",[45,83,84,87],{},[48,85,86],{},"SEO Optimized"," — Dibangun untuk discoverability dan jangkauan luas",[27,89,91],{"id":90},"peran-saya","Peran Saya",[16,93,94,95,98],{},"Sebagai ",[48,96,97],{},"Fullstack Developer dan UI\u002FUX Designer",", saya bertanggung jawab atas:",[42,100,101,104,107,110,113],{},[45,102,103],{},"Arsitektur dan pengembangan platform dari awal menggunakan Nuxt.js",[45,105,106],{},"Implementasi sistem i18n untuk dukungan multi-bahasa",[45,108,109],{},"Desain UI\u002FUX yang clean dan modern dengan Tailwind CSS",[45,111,112],{},"Setup CMS berbasis Markdown (Nuxt Content) untuk manajemen konten",[45,114,115],{},"Optimasi SEO dan performa website",[27,117,119],{"id":118},"tech-stack","Tech Stack",[121,122,123,136],"table",{},[124,125,126],"thead",{},[127,128,129,133],"tr",{},[130,131,132],"th",{},"Layer",[130,134,135],{},"Teknologi",[137,138,139,148,156,164,172],"tbody",{},[127,140,141,145],{},[142,143,144],"td",{},"Frontend",[142,146,147],{},"Nuxt.js, Vue 3, TypeScript",[127,149,150,153],{},[142,151,152],{},"Styling",[142,154,155],{},"Tailwind CSS",[127,157,158,161],{},[142,159,160],{},"CMS",[142,162,163],{},"Nuxt Content (Markdown-based)",[127,165,166,169],{},[142,167,168],{},"i18n",[142,170,171],{},"@nuxtjs\u002Fi18n",[127,173,174,177],{},[142,175,176],{},"Deployment",[142,178,179],{},"Vercel",[27,181,183],{"id":182},"dampak-dan-hasil","Dampak dan Hasil",[42,185,186,189,192,195],{},[45,187,188],{},"Platform scalable dan modern yang menyatukan komunitas teknologi",[45,190,191],{},"Performa tinggi dengan loading cepat berkat SSR Nuxt.js",[45,193,194],{},"Desain clean yang fokus pada konten dan kolaborasi",[45,196,197],{},"Dukungan multi-bahasa untuk jangkauan global",[16,199,200,204,208],{},[22,201],{"alt":202,"src":203},"Qinarian Mockup 1","\u002Fportofolio\u002Fqinarian\u002F1.avif",[22,205],{"alt":206,"src":207},"Qinarian Mockup 2","\u002Fportofolio\u002Fqinarian\u002F2.avif",[22,209],{"alt":210,"src":211},"Qinarian Mockup 3","\u002Fportofolio\u002Fqinarian\u002F3.avif",{"title":213,"searchDepth":214,"depth":214,"links":215},"",2,[216,217,218,219,220],{"id":29,"depth":214,"text":30},{"id":36,"depth":214,"text":37},{"id":90,"depth":214,"text":91},{"id":118,"depth":214,"text":119},{"id":182,"depth":214,"text":183},"Website & Platform Komunitas","Inisiatif Personal","2026-01-10","Platform komunitas teknologi untuk innovators yang menggabungkan kolaborasi open-source dengan solusi digital cutting-edge","md","Teknologi & Komunitas",{},true,"\u002Fportofolio\u002Fid\u002Fqinarian",{"title":5,"description":224},[232,233,234,235],"Web Development","UI\u002FUX Design","Platform Komunitas","Content Management System","Berlangsung","portofolio\u002Fid\u002Fqinarian",[239,155,240,168,241],"Nuxt.js","TypeScript","Content-Driven","https:\u002F\u002Fnatakarsa.vercel.app","-TI5ihCBuv7CayBIxmwur-x-cekZbfhJkGmmk6xaFvk",[245,265,286,302,305,324,343],{"path":246,"_path":247,"title":248,"description":249,"image":250,"category":251,"tags":252,"date":257,"status":258,"services":259,"client":248,"industry":264},"\u002Fportofolio\u002Fid\u002Fkairav-studio","\u002Fportofolio\u002Fkairav-studio","Kairav Studio","Studio digital kreatif yang membantu brand membangun website modern, cepat, SEO-ready, dan siap bersaing di era generative engine optimization","\u002Fportofolio\u002Fkairav-studio\u002Fpreview.avif","Company Website",[253,155,254,255,256,179],"Astro","GSAP","SEO","Generative Engine Optimization","2026-06-01","In Development",[260,233,261,262,263],"Web Design & Development","SEO & GEO Optimization","Performance Optimization","Brand System","Digital Studio & Creative Technology",{"path":266,"_path":267,"title":268,"description":269,"image":270,"category":271,"tags":272,"date":277,"status":278,"services":279,"client":284,"industry":285},"\u002Fportofolio\u002Fid\u002Fjurutani","\u002Fportofolio\u002Fjurutani","Jurutani","Platform pertanian digital all-in-one yang mendukung petani Indonesia dengan data real-time, AI insights, konsultasi ahli, dan akses marketplace terpadu","\u002Fportofolio\u002Fjurutani\u002F1.avif","Web & Mobile App",[239,273,155,274,275,276],"Capacitor","Google Gemini AI","Supabase","Mobile-First","2026-02-01","Live",[280,281,282,283],"Full-Stack Development","Mobile App Development","Integrasi AI","Arsitektur Sistem","Proyek Inovasi Pertanian","Pertanian & Teknologi",{"path":287,"_path":288,"title":289,"description":290,"image":291,"category":292,"tags":293,"date":297,"status":278,"services":298,"client":300,"industry":301},"\u002Fportofolio\u002Fid\u002Fagrinuclear","\u002Fportofolio\u002Fagrinuclear","AgriNuclear","Platform web edukatif yang menjembatani sains pertanian nuklir dengan inovasi pertanian sehari-hari melalui konten visual yang mudah dipahami","\u002Fportofolio\u002Fagrinuklir\u002F1.avif","Website",[294,155,295,296],"React","Static Site","Platform Edukatif","2026-01-15",[232,233,299],"Platform Konten Edukatif","Proyek Akademik","Pertanian & Edukasi",{"path":229,"_path":6,"title":5,"description":224,"image":203,"category":221,"tags":303,"date":223,"status":236,"services":304,"client":222,"industry":226},[239,155,240,168,241],[232,233,234,235],{"path":306,"_path":307,"title":308,"description":309,"image":310,"category":271,"tags":311,"date":317,"status":258,"services":318,"client":322,"industry":323},"\u002Fportofolio\u002Fid\u002Fsantap","\u002Fportofolio\u002Fsantap","Santap","Platform POS dan QR ordering modern untuk restoran, kafe, dan UMKM kuliner dengan sistem kasir, kitchen, open bill, pembayaran QRIS, dan customer ordering berbasis web","\u002Fportofolio\u002Fsantap\u002Fpreview.avif",[312,239,313,314,315,316,275,276],"Laravel","Flutter","PostgreSQL","Filament","QRIS","2026-01-01",[280,281,319,320,321],"REST API Development","Payment Gateway Integration","System Architecture","PT Sarwa Kalyana Cara","Food & Beverage Technology",{"path":325,"_path":326,"title":327,"description":328,"image":329,"category":330,"tags":331,"date":336,"status":337,"services":338,"client":341,"industry":342},"\u002Fportofolio\u002Fid\u002Fruangnu","\u002Fportofolio\u002Fruangnu","RuangNU","Platform digital terintegrasi untuk mendukung anggota Nahdlatul Ulama dengan resources Islami, layanan komunitas, dan konten edukatif","\u002Fportofolio\u002Fruangnu\u002F1.avif","Platform Web",[332,155,333,334,335],"PHP Native","MySQL","Platform Islami","Sistem Komunitas","2025-12-01","Dalam Pengembangan",[232,233,339,340],"Database Design","Platform Konten Islami","Komunitas Nahdlatul Ulama","Agama & Komunitas",{"path":344,"_path":345,"title":346,"description":347,"image":348,"category":292,"tags":349,"date":354,"status":355,"services":356,"client":346,"industry":358},"\u002Fportofolio\u002Fid\u002Fkamaba-yogyakarta","\u002Fportofolio\u002Fkamaba-yogyakarta","Kamaba Yogyakarta","Sistem informasi organisasi berbasis web untuk Kamaba Yogyakarta dengan member management, events, news, dan dashboard admin terintegrasi","\u002Fportofolio\u002Fkamaba-yogyakarta\u002F1.avif",[350,351,155,352,353,333,160],"Nuxt 4","Vue","Shadcn UI","Nuxt UI v4","2024-03-15","Coming soon",[232,233,357],"System Information","Education & Organization",1781763414061]