' + p.title + '

'\n + '

' + p.excerpt + '

'\n + '

' + (p.authorInitials || (p.author||'').split(' ').map(function(w){return w[0]}).join('').toUpperCase().slice(0,2)) + '

'\n + '

' + (p.author || '') + '

'\n + '

' + dateStr + (p.readTime ? ' · ' + p.readTime : '') + '

'\n + '

'\n + 'Read →'\n + '

'\n + '

';\n return a;\n}\n\n/* ── Static / pinned posts (always show regardless of Supabase) ── */\nvar STATIC_POSTS = [\n {\n category: 'business',\n href: '/blog#soro-blog',\n slug: 'custom-app-development-cost-explained',\n title: 'Custom App Development Cost Explained',\n excerpt: 'What drives app development costs — scope, platforms, features, and team model. Real pricing ranges and how to budget smart without overpaying.',\n author: 'MyMind Studio Team',\n authorInitials: 'MM',\n authorColor: '#aaff00',\n date: '2026-06-05',\n dateLabel: '5 Jun 2026',\n readTime: '8 min read',\n featured: false,\n thumbBg: 'linear-gradient(135deg,#0d0f14 0%,#1a1208 50%,#0f1008 100%)',\n thumbHtml:\n '

'\n + '

Cost Breakdown

'\n + '

APP

'\n + '

BUDGET

'\n + '

$5K

'\n + '

MVP

'\n + '

$50K

'\n + '

SaaS

'\n + '

$200K

'\n + '

Enterprise

'\n + '

'\n },\n {\n category: 'seo',\n slug: 'custom-app-website-development-california-2026',\n title: 'How to Get a Custom App or Website Built in California Without Overpaying in 2026',\n excerpt: 'Real costs, timelines, ROI & everything you need to choose the right development company — from Silicon Valley startups to LA ecommerce brands and San Diego healthcare platforms.',\n author: 'MyMind Studio Team',\n authorInitials: 'MM',\n authorColor: '#aaff00',\n date: '2026-05-26',\n dateLabel: '26 May 2026',\n readTime: '18 min read',\n featured: false,\n thumbBg: 'linear-gradient(135deg,#050709 0%,#0d1520 45%,#081210 100%)',\n thumbHtml:\n '

'\n + '

$30K+

'\n + '

App Cost

'\n + '

8–20wk

'\n + '

Timeline

'\n + '

3×

'\n + '

Avg ROI

'\n + '

The Complete 2026 Guide

'\n + '

CALIFORNIA

'\n + '

DEV GUIDE

'\n + '

Apps · SaaS · Mobile · AI Systems

'\n + '

California 2026

'\n }\n];\n\n/* ── State ── */\nvar ALL_POSTS = [];\nvar activeCat = 'all';\nvar PAGE_SIZE = 12;\nvar currentPage = 1;\n\n/* ── Render grid ── */\nfunction renderGrid(){\n var filtered = activeCat === 'all' ? ALL_POSTS : ALL_POSTS.filter(function(p){return p.category === activeCat;});\n var featuredRow = document.getElementById('featured-row');\n var blogGrid = document.getElementById('blog-grid');\n var pagination = document.getElementById('pagination');\n featuredRow.innerHTML = '';\n blogGrid.innerHTML = '';\n pagination.innerHTML = '';\n\n if(activeCat === 'all'){\n var featured = filtered.filter(function(p){return p.featured;}).slice(0,2);\n var rest = filtered.filter(function(p){return !p.featured || featured.indexOf(p) === -1;});\n // Also add featured ones after others if more than 2\n rest = filtered.filter(function(p){return featured.indexOf(p) === -1;});\n featured.forEach(function(p){ featuredRow.appendChild(buildCard(p, true)); });\n featuredRow.style.display = featured.length ? '' : 'none';\n\n var totalPages = Math.ceil(rest.length / PAGE_SIZE);\n var pageItems = rest.slice((currentPage-1)*PAGE_SIZE, currentPage*PAGE_SIZE);\n pageItems.forEach(function(p){ blogGrid.appendChild(buildCard(p, false)); });\n\n // Pagination\n if(totalPages > 1){\n for(var i=1;i<=totalPages;i++){\n (function(pg){\n var b = document.createElement('button');\n b.className = 'page-btn' + (pg === currentPage ? ' active' : '');\n b.textContent = pg;\n b.addEventListener('click', function(){currentPage=pg;renderGrid();window.scrollTo({top:0,behavior:'smooth'});});\n pagination.appendChild(b);\n })(i);\n }\n if(currentPage < totalPages){\n var next = document.createElement('button');\n next.className = 'page-btn'; next.textContent = '→';\n next.addEventListener('click', function(){currentPage++;renderGrid();window.scrollTo({top:0,behavior:'smooth'});});\n pagination.appendChild(next);\n }\n }\n } else {\n featuredRow.style.display = 'none';\n filtered.forEach(function(p){ blogGrid.appendChild(buildCard(p, false)); });\n }\n}\n\n/* ── Filter ── */\nfunction filterPosts(btn, cat){\n document.querySelectorAll('.filter-btn').forEach(function(b){b.classList.remove('active');});\n btn.classList.add('active');\n activeCat = cat;\n currentPage = 1;\n renderGrid();\n}\n\n/* ── Load posts ── */\nfunction loadPosts(){\n fetchBlogPosts()\n .then(function(remote){\n /* Merge then sort newest-first */\n ALL_POSTS = STATIC_POSTS.concat(remote.filter(function(r){\n return !STATIC_POSTS.some(function(s){ return s.slug === r.slug; });\n }));\n ALL_POSTS.sort(function(a, b){ return new Date(b.date) - new Date(a.date); });\n renderGrid();\n })\n .catch(function(){\n ALL_POSTS = STATIC_POSTS.slice();\n renderGrid();\n });\n}\n\nloadPosts();\n\n/* ── Newsletter ── */\nfunction nlSubmit(e){\n if(e) e.preventDefault();\n var email = document.getElementById('nlEmail').value;\n if(!email || !email.includes('@')) return;\n var form = e && e.target ? e.target : document.querySelector('[name=\"newsletter\"]');\n fetch('/', {method:'POST', headers:{'Content-Type':'application/x-www-form-urlencoded'}, body: new URLSearchParams(new FormData(form)).toString()}).catch(function(){});\n document.getElementById('nlMsg').textContent = '✓ You\\'re subscribed! First issue arrives Monday.';\n document.getElementById('nlMsg').style.color = 'var(--lime)';\n document.getElementById('nlEmail').value = '';\n}\n\n/* ── Add Post (localhost only) ── */\n(function(){\n var isLocal = ['localhost','127.0.0.1',''].indexOf(window.location.hostname) !== -1;\n if(!isLocal) return;\n\n var fab = document.getElementById('add-post-fab');\n var overlay = document.getElementById('add-post-overlay');\n var apmClose= document.getElementById('apm-close');\n var apmCancel=document.getElementById('apm-cancel');\n var saveBtn = document.getElementById('apm-save-btn');\n\n fab.style.display = 'flex';\n\n function openModal(){ overlay.classList.add('open'); document.body.style.overflow='hidden'; }\n function closeModal(){ overlay.classList.remove('open'); document.body.style.overflow=''; }\n\n fab.addEventListener('click', openModal);\n apmClose.addEventListener('click', closeModal);\n apmCancel.addEventListener('click', closeModal);\n overlay.addEventListener('click', function(e){ if(e.target===overlay) closeModal(); });\n\n // Set today's date as default\n document.getElementById('apm-date').value = new Date().toISOString().split('T')[0];\n\n // Image upload\n var imgFile = document.getElementById('apm-img-file');\n var imgPreview = document.getElementById('apm-img-preview');\n var imgClear = document.getElementById('apm-img-clear');\n var imgDrop = document.getElementById('apm-img-drop');\n var currentImgBase64 = null;\n\n function loadImageFile(file){\n if(!file) return;\n if(file.size > 5 * 1024 * 1024){ alert('Image must be under 5MB.'); return; }\n var reader = new FileReader();\n reader.onload = function(e){\n currentImgBase64 = e.target.result;\n imgPreview.src = currentImgBase64;\n imgPreview.style.display = 'block';\n imgClear.style.display = 'inline-block';\n imgDrop.querySelector('.apm-img-drop-icon').style.display = 'none';\n imgDrop.querySelector('.apm-img-drop-text').style.display = 'none';\n };\n reader.readAsDataURL(file);\n }\n\n imgFile.addEventListener('change', function(){ loadImageFile(this.files[0]); });\n\n // Drag & drop\n imgDrop.addEventListener('dragover', function(e){ e.preventDefault(); imgDrop.classList.add('drag-over'); });\n imgDrop.addEventListener('dragleave', function(){ imgDrop.classList.remove('drag-over'); });\n imgDrop.addEventListener('drop', function(e){\n e.preventDefault(); imgDrop.classList.remove('drag-over');\n var f = e.dataTransfer.files[0];\n if(f && f.type.startsWith('image/')) loadImageFile(f);\n });\n\n imgClear.addEventListener('click', function(){\n currentImgBase64 = null;\n imgPreview.src = ''; imgPreview.style.display = 'none';\n imgClear.style.display = 'none';\n imgDrop.querySelector('.apm-img-drop-icon').style.display = '';\n imgDrop.querySelector('.apm-img-drop-text').style.display = '';\n imgFile.value = '';\n });\n\n saveBtn.addEventListener('click', function(){\n var title = document.getElementById('apm-title').value.trim();\n var excerpt = document.getElementById('apm-excerpt').value.trim();\n var body = document.getElementById('apm-body').value.trim();\n var author = document.getElementById('apm-author').value.trim();\n if(!title || !excerpt || !body || !author){\n alert('Please fill in Title, Excerpt, Body and Author.');\n return;\n }\n var cat = document.getElementById('apm-cat').value;\n var emoji = document.getElementById('apm-emoji').value.trim() || '📝';\n var dateVal = document.getElementById('apm-date').value;\n var dateObj = dateVal ? new Date(dateVal) : new Date();\n var dateLabel = dateObj.toLocaleDateString('en-GB',{day:'numeric',month:'short',year:'numeric'});\n var readTime = document.getElementById('apm-readtime').value.trim() || Math.ceil(body.split(' ').length/200) + ' min read';\n var featured = document.getElementById('apm-featured').value === 'true';\n var slug = title.toLowerCase().replace(/[^a-z0-9]+/g,'-').replace(/^-|-$/g,'');\n var initials = author.split(' ').map(function(w){return w[0]||'';}).join('').toUpperCase().slice(0,2);\n var post = {\n id: slug + '-' + Date.now(),\n slug: slug,\n title: title,\n excerpt: excerpt,\n body: body,\n category: cat,\n categoryLabel: (CAT_META[cat]||{}).label || cat,\n author: author,\n authorInitials: initials,\n authorColor: '#aaff00',\n date: dateVal,\n dateLabel: dateLabel,\n readTime: readTime,\n featured: featured,\n emoji: emoji,\n thumbBg: (CAT_META[cat]||{}).bg || 'linear-gradient(135deg,#0b0c10,#1a1c24)',\n thumbImg: currentImgBase64 || null,\n _local: true\n };\n var existing = JSON.parse(localStorage.getItem('mms_draft_posts') || '[]');\n existing.unshift(post);\n localStorage.setItem('mms_draft_posts', JSON.stringify(existing));\n ALL_POSTS.unshift(post);\n renderGrid();\n closeModal();\n\n // Reset form\n ['apm-title','apm-excerpt','apm-body','apm-author','apm-emoji','apm-readtime'].forEach(function(id){\n document.getElementById(id).value='';\n });\n document.getElementById('apm-date').value = new Date().toISOString().split('T')[0];\n document.getElementById('apm-featured').value='false';\n // Reset image\n currentImgBase64 = null;\n imgPreview.src=''; imgPreview.style.display='none';\n imgClear.style.display='none';\n imgDrop.querySelector('.apm-img-drop-icon').style.display='';\n imgDrop.querySelector('.apm-img-drop-text').style.display='';\n imgFile.value='';\n\n alert('✓ Post saved locally! It shows with a \"Draft\" badge. Tell me when you\\'re ready to publish it live.');\n });\n})();\n"}],i=0;(function n(){if(i>=S.length)return;var s=S[i++],e=document.createElement('script');if(s.src){e.src=s.src;e.onload=n;e.onerror=n;document.body.appendChild(e);}else{e.text=s.code;document.body.appendChild(e);n();}})();})();

The Build Blog

Get the best articles in your inbox