[{"data":1,"prerenderedAt":655},["ShallowReactive",2],{"recent-projects-id":3},[4,273,482],{"id":5,"title":6,"_path":7,"body":8,"category":250,"client":6,"date":251,"description":252,"extension":253,"image":26,"industry":254,"meta":255,"navigation":256,"path":257,"seo":258,"services":259,"status":265,"stem":266,"tags":267,"url":271,"__hash__":272},"portofolio\u002Fportofolio\u002Fid\u002Fkairav-studio.md","Kairav Studio","\u002Fportofolio\u002Fkairav-studio",{"type":9,"value":10,"toc":241},"minimark",[11,16,20,27,32,35,38,42,45,92,96,103,126,130,206,210,227],[12,13,15],"h1",{"id":14},"kairav-studio-digital-studio-untuk-website-modern-cepat-dan-berkarakter","Kairav Studio — Digital Studio untuk Website Modern, Cepat, dan Berkarakter",[17,18,19],"p",{},"Kairav Studio adalah studio digital yang berfokus pada pembuatan website modern untuk brand, bisnis, dan produk digital. Website ini dirancang untuk memperkenalkan identitas Kairav Studio sebagai partner kreatif-teknis yang menggabungkan desain visual, performa, SEO, dan generative engine optimization dalam satu pengalaman digital yang solid.",[17,21,22],{},[23,24],"img",{"alt":25,"src":26},"Interface Kairav Studio","\u002Fportofolio\u002Fkairav-studio\u002Fpreview.avif",[28,29,31],"h2",{"id":30},"masalah","Masalah",[17,33,34],{},"Banyak bisnis sudah memiliki website, tetapi belum memiliki identitas digital yang kuat. Website sering kali hanya berfungsi sebagai profil online tanpa strategi visual, performa, struktur konten, SEO, atau kesiapan untuk ditemukan oleh mesin pencari modern dan generative engine seperti ChatGPT, Gemini, Perplexity, dan search AI lainnya.",[17,36,37],{},"Di sisi lain, banyak website agency terasa terlalu generik, terlalu ramai, atau tidak menunjukkan kualitas teknis secara langsung melalui pengalaman pengguna. Kairav Studio membutuhkan website yang tidak hanya menjual layanan, tetapi juga menjadi bukti kualitas dari layanan itu sendiri.",[28,39,41],{"id":40},"solusi","Solusi",[17,43,44],{},"Kairav Studio dibangun sebagai website company profile modern yang mengutamakan kesan premium, performa tinggi, dan narasi layanan yang jelas:",[46,47,48,56,62,68,74,80,86],"ul",{},[49,50,51,55],"li",{},[52,53,54],"strong",{},"Modern Digital Presence"," — Tampilan visual yang clean, solid, dan profesional untuk memperkuat positioning brand",[49,57,58,61],{},[52,59,60],{},"Service-Oriented Structure"," — Penyusunan layanan seperti website development, UI\u002FUX, SEO, GEO, sistem informasi, integrasi AI, Android, dan IoT",[49,63,64,67],{},[52,65,66],{},"Performance-First Website"," — Menggunakan pendekatan static-first agar website ringan, cepat, dan stabil",[49,69,70,73],{},[52,71,72],{},"SEO & GEO Ready"," — Struktur konten, metadata, semantic HTML, sitemap, dan optimasi agar mudah dibaca mesin pencari serta generative engine",[49,75,76,79],{},[52,77,78],{},"Interactive Experience"," — Animasi halus menggunakan GSAP untuk memberi kesan hidup tanpa mengorbankan performa",[49,81,82,85],{},[52,83,84],{},"Portfolio-Driven Layout"," — Menampilkan studi kasus, proses kerja, dan hasil proyek sebagai bukti kemampuan",[49,87,88,91],{},[52,89,90],{},"Scalable Content System"," — Konten portofolio dan halaman layanan disusun agar mudah diperluas seiring perkembangan studio",[28,93,95],{"id":94},"peran-saya","Peran Saya",[17,97,98,99,102],{},"Sebagai ",[52,100,101],{},"Penginisiasi, Desainer, dan Web Developer",", saya bertanggung jawab atas:",[46,104,105,108,111,114,117,120,123],{},[49,106,107],{},"Perancangan identitas digital, arah visual, dan positioning Kairav Studio",[49,109,110],{},"Pengembangan website company profile menggunakan Astro dan Tailwind CSS",[49,112,113],{},"Penyusunan struktur halaman layanan, portofolio, about, dan contact",[49,115,116],{},"Implementasi animasi interaktif menggunakan GSAP",[49,118,119],{},"Optimasi SEO teknis, metadata, sitemap, Open Graph, dan struktur konten",[49,121,122],{},"Perencanaan generative engine optimization agar konten lebih mudah dipahami oleh AI search engine",[49,124,125],{},"Persiapan deployment modern menggunakan Vercel dan optimasi asset image",[28,127,129],{"id":128},"tech-stack","Tech Stack",[131,132,133,146],"table",{},[134,135,136],"thead",{},[137,138,139,143],"tr",{},[140,141,142],"th",{},"Layer",[140,144,145],{},"Teknologi",[147,148,149,158,166,174,182,190,198],"tbody",{},[137,150,151,155],{},[152,153,154],"td",{},"Frontend",[152,156,157],{},"Astro, Tailwind CSS",[137,159,160,163],{},[152,161,162],{},"Animation",[152,164,165],{},"GSAP",[137,167,168,171],{},[152,169,170],{},"Content",[152,172,173],{},"Markdown \u002F Content Collection",[137,175,176,179],{},[152,177,178],{},"SEO",[152,180,181],{},"Meta Tags, Sitemap, Open Graph, Structured Content",[137,183,184,187],{},[152,185,186],{},"Image Optimization",[152,188,189],{},"AVIF, Cloudinary",[137,191,192,195],{},[152,193,194],{},"Deployment",[152,196,197],{},"Vercel",[137,199,200,203],{},[152,201,202],{},"Domain & DNS",[152,204,205],{},"Name.com, Cloudflare",[28,207,209],{"id":208},"dampak-dan-hasil","Dampak dan Hasil",[46,211,212,215,218,221,224],{},[49,213,214],{},"Membangun fondasi digital resmi untuk Kairav Studio sebagai studio website dan teknologi kreatif",[49,216,217],{},"Menjadi media utama untuk memperkenalkan layanan, portofolio, proses kerja, dan positioning brand",[49,219,220],{},"Menghasilkan website yang cepat, ringan, mobile-friendly, dan siap dikembangkan menjadi platform studio yang lebih lengkap",[49,222,223],{},"Memperkuat kredibilitas studio melalui tampilan profesional, struktur konten rapi, dan pendekatan SEO\u002FGEO modern",[49,225,226],{},"Menjadi showcase langsung dari kualitas desain, development, performa, dan perhatian terhadap detail",[17,228,229,233,237],{},[23,230],{"alt":231,"src":232},"Kairav Studio Mockup 1","\u002Fportofolio\u002Fkairav-studio\u002F1.avif",[23,234],{"alt":235,"src":236},"Kairav Studio Mockup 2","\u002Fportofolio\u002Fkairav-studio\u002F2.avif",[23,238],{"alt":239,"src":240},"Kairav Studio Mockup 3","\u002Fportofolio\u002Fkairav-studio\u002F3.avif",{"title":242,"searchDepth":243,"depth":243,"links":244},"",2,[245,246,247,248,249],{"id":30,"depth":243,"text":31},{"id":40,"depth":243,"text":41},{"id":94,"depth":243,"text":95},{"id":128,"depth":243,"text":129},{"id":208,"depth":243,"text":209},"Company Website","2026-06-01","Studio digital kreatif yang membantu brand membangun website modern, cepat, SEO-ready, dan siap bersaing di era generative engine optimization","md","Digital Studio & Creative Technology",{},true,"\u002Fportofolio\u002Fid\u002Fkairav-studio",{"title":6,"description":252},[260,261,262,263,264],"Web Design & Development","UI\u002FUX Design","SEO & GEO Optimization","Performance Optimization","Brand System","In Development","portofolio\u002Fid\u002Fkairav-studio",[268,269,165,178,270,197],"Astro","Tailwind CSS","Generative Engine Optimization","https:\u002F\u002Fkairav.studio","ao72zGrvdTOtm0I0iw-uN1AkbHWq_AuPjx20hWlWEec",{"id":274,"title":275,"_path":276,"body":277,"category":459,"client":460,"date":461,"description":462,"extension":253,"image":443,"industry":463,"meta":464,"navigation":256,"path":465,"seo":466,"services":467,"status":472,"stem":473,"tags":474,"url":480,"__hash__":481},"portofolio\u002Fportofolio\u002Fid\u002Fjurutani.md","Jurutani","\u002Fportofolio\u002Fjurutani",{"type":9,"value":278,"toc":452},[279,283,286,292,294,297,299,302,346,348,353,370,372,422,424,438],[12,280,282],{"id":281},"jurutani-platform-pertanian-digital-all-in-one","Jurutani — Platform Pertanian Digital All-in-One",[17,284,285],{},"Platform pertanian digital all-in-one yang mendukung petani Indonesia dengan data real-time, AI insights, konsultasi ahli, dan akses marketplace terpadu.",[17,287,288],{},[23,289],{"alt":290,"src":291},"Interface Platform Jurutani","\u002Fportofolio\u002Fjurutani\u002Fpreview.avif",[28,293,31],{"id":30},[17,295,296],{},"Petani Indonesia menghadapi tantangan cuaca yang tidak dapat diprediksi, harga pasar yang fluktuatif, akses terbatas ke ahli pertanian, dan teknik bertani yang belum diperbarui. Solusi digital yang tersedia umumnya terlalu rumit atau tidak memahami kebutuhan harian petani di lapangan.",[28,298,41],{"id":40},[17,300,301],{},"Jurutani dibangun sebagai platform mobile-first yang menyatukan semua kebutuhan pertanian dalam satu aplikasi:",[46,303,304,310,316,322,328,334,340],{},[49,305,306,309],{},[52,307,308],{},"Real-Time Intelligence"," — Update cuaca live, harga komoditas terkini, tren pasar, dan kalender tanam otomatis",[49,311,312,315],{},[52,313,314],{},"Konsultasi AI"," — Integrasi Google Gemini AI untuk saran pertanian instan dan diagnosa penyakit tanaman dari foto",[49,317,318,321],{},[52,319,320],{},"Expert Network"," — Chat langsung dengan petugas pertanian dan sesi Q&A terjadwal dengan ahli",[49,323,324,327],{},[52,325,326],{},"Community Forum"," — Platform diskusi interaktif untuk berbagi pengalaman antar petani",[49,329,330,333],{},[52,331,332],{},"Educational Library"," — Tutorial pertanian step-by-step, best practices, dan panduan musiman",[49,335,336,339],{},[52,337,338],{},"Integrated Marketplace"," — Platform jual-beli hasil tani langsung, mengurangi ketergantungan pada perantara",[49,341,342,345],{},[52,343,344],{},"Mobile-First Design"," — Kemampuan offline untuk wilayah dengan koneksi terbatas",[28,347,95],{"id":94},[17,349,98,350,102],{},[52,351,352],{},"Fullstack Web & Android Developer",[46,354,355,358,361,364,367],{},[49,356,357],{},"Arsitektur dan pengembangan seluruh frontend menggunakan Nuxt.js dan Capacitor untuk deployment mobile",[49,359,360],{},"Integrasi Google Gemini AI untuk fitur konsultasi cerdas dan diagnosa tanaman",[49,362,363],{},"Desain dan implementasi database menggunakan Supabase (PostgreSQL)",[49,365,366],{},"Pengembangan REST API untuk komunikasi real-time antara web dan mobile",[49,368,369],{},"Implementasi desain UI\u002FUX responsive dan mobile-first",[28,371,129],{"id":128},[131,373,374,382],{},[134,375,376],{},[137,377,378,380],{},[140,379,142],{},[140,381,145],{},[147,383,384,391,399,407,415],{},[137,385,386,388],{},[152,387,154],{},[152,389,390],{},"Nuxt.js, Vue 3, Tailwind CSS",[137,392,393,396],{},[152,394,395],{},"Mobile",[152,397,398],{},"Capacitor (Android & iOS)",[137,400,401,404],{},[152,402,403],{},"AI",[152,405,406],{},"Google Gemini AI API",[137,408,409,412],{},[152,410,411],{},"Backend",[152,413,414],{},"Supabase (PostgreSQL, Auth, Storage, Realtime)",[137,416,417,419],{},[152,418,194],{},[152,420,421],{},"Vercel (Web), Google Play Store (Mobile)",[28,423,209],{"id":208},[46,425,426,429,432,435],{},[49,427,428],{},"Platform mobile-first komprehensif yang memberikan akses teknologi modern ke tangan petani",[49,430,431],{},"Memungkinkan keputusan berbasis data untuk meningkatkan produktivitas dan profitabilitas pertanian",[49,433,434],{},"Mengurangi ketergantungan pada perantara melalui marketplace langsung",[49,436,437],{},"Menyediakan akses konsultasi AI 24\u002F7 di wilayah dengan akses ahli terbatas",[17,439,440,444,448],{},[23,441],{"alt":442,"src":443},"Jurutani Mockup 1","\u002Fportofolio\u002Fjurutani\u002F1.avif",[23,445],{"alt":446,"src":447},"Jurutani Mockup 2","\u002Fportofolio\u002Fjurutani\u002F2.avif",[23,449],{"alt":450,"src":451},"Jurutani Mockup 3","\u002Fportofolio\u002Fjurutani\u002F3.avif",{"title":242,"searchDepth":243,"depth":243,"links":453},[454,455,456,457,458],{"id":30,"depth":243,"text":31},{"id":40,"depth":243,"text":41},{"id":94,"depth":243,"text":95},{"id":128,"depth":243,"text":129},{"id":208,"depth":243,"text":209},"Web & Mobile App","Proyek Inovasi Pertanian","2026-02-01","Platform pertanian digital all-in-one yang mendukung petani Indonesia dengan data real-time, AI insights, konsultasi ahli, dan akses marketplace terpadu","Pertanian & Teknologi",{},"\u002Fportofolio\u002Fid\u002Fjurutani",{"title":275,"description":462},[468,469,470,471],"Full-Stack Development","Mobile App Development","Integrasi AI","Arsitektur Sistem","Live","portofolio\u002Fid\u002Fjurutani",[475,476,269,477,478,479],"Nuxt.js","Capacitor","Google Gemini AI","Supabase","Mobile-First","https:\u002F\u002Fjurutani.com","JLz22tjMWvQfvy3rtxTLj-V8trXS240QOHWbizR9gBA",{"id":483,"title":484,"_path":485,"body":486,"category":637,"client":638,"date":639,"description":640,"extension":253,"image":621,"industry":641,"meta":642,"navigation":256,"path":643,"seo":644,"services":645,"status":472,"stem":648,"tags":649,"url":653,"__hash__":654},"portofolio\u002Fportofolio\u002Fid\u002Fagrinuclear.md","AgriNuclear","\u002Fportofolio\u002Fagrinuclear",{"type":9,"value":487,"toc":630},[488,492,495,501,503,506,508,511,543,545,550,564,566,600,602,616],[12,489,491],{"id":490},"agrinuclear-platform-edukasi-pertanian-nuklir","AgriNuclear — Platform Edukasi Pertanian Nuklir",[17,493,494],{},"Platform web edukatif yang menjembatani konsep pertanian nuklir yang kompleks dengan inovasi pertanian sehari-hari melalui konten visual yang mudah dipahami.",[17,496,497],{},[23,498],{"alt":499,"src":500},"Preview Platform AgriNuclear","\u002Fportofolio\u002Fagrinuklir\u002Fpreview.avif",[28,502,31],{"id":30},[17,504,505],{},"Pertanian nuklir terdengar menakutkan bagi masyarakat umum. Pelajar dan pendidik membutuhkan sumber belajar yang mudah diakses tentang teknologi nuklir untuk pertanian (seperti mutation breeding dan aplikasi radiasi), tetapi kebanyakan konten yang tersedia terlalu akademis dan sulit dipahami tanpa latar belakang ilmiah.",[28,507,41],{"id":40},[17,509,510],{},"AgriNuclear mengubah konten ilmiah kompleks menjadi materi edukasi yang mudah dicerna:",[46,512,513,519,525,531,537],{},[49,514,515,518],{},[52,516,517],{},"Visual-First Learning"," — Infografis dan diagram interaktif yang membuat proses kompleks mudah dipahami",[49,520,521,524],{},[52,522,523],{},"Artikel Edukatif"," — Mutation breeding, aplikasi radiasi, dan teknik nuklir dijelaskan dengan bahasa sederhana",[49,526,527,530],{},[52,528,529],{},"Konten Terstruktur"," — Materi diorganisir berdasarkan tingkat kesulitan, cocok untuk belajar mandiri atau di kelas",[49,532,533,536],{},[52,534,535],{},"Referensi Akademik"," — Sumber yang tercantum dengan benar untuk eksplorasi akademik lebih lanjut",[49,538,539,542],{},[52,540,541],{},"Static Site Architecture"," — Loading super cepat dengan optimasi SEO bawaan",[28,544,95],{"id":94},[17,546,98,547,102],{},[52,548,549],{},"Web Developer dan UI\u002FUX Designer",[46,551,552,555,558,561],{},[49,553,554],{},"Desain dan pengembangan seluruh website menggunakan React dan Tailwind CSS",[49,556,557],{},"Pembuatan layout visual-first yang memprioritaskan infografis dan diagram",[49,559,560],{},"Implementasi arsitektur static site untuk performa dan SEO optimal",[49,562,563],{},"Kolaborasi dengan tim akademik untuk validasi konten edukasi",[28,565,129],{"id":128},[131,567,568,576],{},[134,569,570],{},[137,571,572,574],{},[140,573,142],{},[140,575,145],{},[147,577,578,585,593],{},[137,579,580,582],{},[152,581,154],{},[152,583,584],{},"React, Tailwind CSS",[137,586,587,590],{},[152,588,589],{},"Arsitektur",[152,591,592],{},"Static Site Generation (SSG)",[137,594,595,597],{},[152,596,194],{},[152,598,599],{},"Hosting statis",[28,601,209],{"id":208},[46,603,604,607,610,613],{},[49,605,606],{},"Membuat sains pertanian nuklir menjadi mudah diakses untuk pelajar, pendidik, dan masyarakat umum",[49,608,609],{},"Website dengan loading cepat dan navigasi intuitif berkat arsitektur static site",[49,611,612],{},"Konten terstruktur yang mendukung proses pembelajaran bertahap",[49,614,615],{},"Referensi akademik yang properly cited untuk kredibilitas konten",[17,617,618,622,626],{},[23,619],{"alt":620,"src":621},"AgriNuclear Mockup 1","\u002Fportofolio\u002Fagrinuklir\u002F1.avif",[23,623],{"alt":624,"src":625},"AgriNuclear Mockup 2","\u002Fportofolio\u002Fagrinuklir\u002F2.avif",[23,627],{"alt":628,"src":629},"AgriNuclear Mockup 3","\u002Fportofolio\u002Fagrinuklir\u002F3.avif",{"title":242,"searchDepth":243,"depth":243,"links":631},[632,633,634,635,636],{"id":30,"depth":243,"text":31},{"id":40,"depth":243,"text":41},{"id":94,"depth":243,"text":95},{"id":128,"depth":243,"text":129},{"id":208,"depth":243,"text":209},"Website","Proyek Akademik","2026-01-15","Platform web edukatif yang menjembatani sains pertanian nuklir dengan inovasi pertanian sehari-hari melalui konten visual yang mudah dipahami","Pertanian & Edukasi",{},"\u002Fportofolio\u002Fid\u002Fagrinuclear",{"title":484,"description":640},[646,261,647],"Web Development","Platform Konten Edukatif","portofolio\u002Fid\u002Fagrinuclear",[650,269,651,652],"React","Static Site","Platform Edukatif",null,"yZRDMDeoeejXDQP0Z2XEJWLidio0XXUTNrMsc7e15W8",1781763412536]