[{"data":1,"prerenderedAt":842},["ShallowReactive",2],{"content-query-AYsYKEZnkk":3},[4,524,543],{"_path":5,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":9,"description":10,"date":11,"image":12,"tags":13,"body":16,"_type":518,"_id":519,"_source":520,"_file":521,"_stem":522,"_extension":523},"\u002Fblog\u002Fdata-modes","blog",false,"","Data Modes Explained: Connect vs Deploy","Understand the two data modes available in Monachieve — Connect to an existing API or Deploy your own backend.","2026-06-07","\u002Fimages\u002Fog-data-modes.png",[14,15],"guide","getting-started",{"type":17,"children":18,"toc":502},"root",[19,27,31,38,49,54,61,81,87,131,137,160,163,169,178,183,188,206,211,254,259,292,295,301,433,443,446,451,488],{"type":20,"tag":21,"props":22,"children":23},"element","p",{},[24],{"type":25,"value":26},"text","When building a site with Monachieve, you choose how your site gets its content. We offer two clean, opinionated paths — no compromise, no confusion.",{"type":20,"tag":28,"props":29,"children":30},"hr",{},[],{"type":20,"tag":32,"props":33,"children":35},"h2",{"id":34},"connect-mode-接入已有-api",[36],{"type":25,"value":37},"Connect Mode (接入已有 API)",{"type":20,"tag":21,"props":39,"children":40},{},[41,47],{"type":20,"tag":42,"props":43,"children":44},"strong",{},[45],{"type":25,"value":46},"Best for:",{"type":25,"value":48}," Sites that already have a backend or data source.",{"type":20,"tag":21,"props":50,"children":51},{},[52],{"type":25,"value":53},"Connect mode lets you plug into any existing API — YouTube, WordPress REST API, a custom JSON endpoint, or our platform's managed data sources.",{"type":20,"tag":55,"props":56,"children":58},"h3",{"id":57},"how-it-works",[59],{"type":25,"value":60},"How it works",{"type":20,"tag":62,"props":63,"children":64},"ol",{},[65,71,76],{"type":20,"tag":66,"props":67,"children":68},"li",{},[69],{"type":25,"value":70},"You provide an API endpoint URL (or select a platform data source)",{"type":20,"tag":66,"props":72,"children":73},{},[74],{"type":25,"value":75},"The frontend template fetches data from that API at build time or runtime",{"type":20,"tag":66,"props":77,"children":78},{},[79],{"type":25,"value":80},"No server to maintain — your site is a pure static frontend",{"type":20,"tag":55,"props":82,"children":84},{"id":83},"use-cases",[85],{"type":25,"value":86},"Use cases",{"type":20,"tag":88,"props":89,"children":90},"ul",{},[91,101,111,121],{"type":20,"tag":66,"props":92,"children":93},{},[94,99],{"type":20,"tag":42,"props":95,"children":96},{},[97],{"type":25,"value":98},"Video sites",{"type":25,"value":100}," pulling from YouTube or Pexels API",{"type":20,"tag":66,"props":102,"children":103},{},[104,109],{"type":20,"tag":42,"props":105,"children":106},{},[107],{"type":25,"value":108},"Blog frontends",{"type":25,"value":110}," connected to WordPress or Ghost",{"type":20,"tag":66,"props":112,"children":113},{},[114,119],{"type":20,"tag":42,"props":115,"children":116},{},[117],{"type":25,"value":118},"Content aggregators",{"type":25,"value":120}," using custom REST APIs",{"type":20,"tag":66,"props":122,"children":123},{},[124,129],{"type":20,"tag":42,"props":125,"children":126},{},[127],{"type":25,"value":128},"Portfolio sites",{"type":25,"value":130}," fetching from Notion or Airtable",{"type":20,"tag":55,"props":132,"children":134},{"id":133},"what-you-get",[135],{"type":25,"value":136},"What you get",{"type":20,"tag":88,"props":138,"children":139},{},[140,145,150,155],{"type":20,"tag":66,"props":141,"children":142},{},[143],{"type":25,"value":144},"✅ Zero server maintenance",{"type":20,"tag":66,"props":146,"children":147},{},[148],{"type":25,"value":149},"✅ Works with any standard JSON API",{"type":20,"tag":66,"props":151,"children":152},{},[153],{"type":25,"value":154},"✅ Pay only for API usage (if using platform data sources)",{"type":20,"tag":66,"props":156,"children":157},{},[158],{"type":25,"value":159},"✅ Fastest build times — no backend deploy needed",{"type":20,"tag":28,"props":161,"children":162},{},[],{"type":20,"tag":32,"props":164,"children":166},{"id":165},"deploy-mode-部署独立后端",[167],{"type":25,"value":168},"Deploy Mode (部署独立后端)",{"type":20,"tag":21,"props":170,"children":171},{},[172,176],{"type":20,"tag":42,"props":173,"children":174},{},[175],{"type":25,"value":46},{"type":25,"value":177}," E-commerce stores, membership sites, or any site that needs its own database.",{"type":20,"tag":21,"props":179,"children":180},{},[181],{"type":25,"value":182},"Deploy mode gives you a full backend — a Cloudflare Worker + D1 database deployed to your own Cloudflare account. You own the data, the code, and the infrastructure.",{"type":20,"tag":55,"props":184,"children":186},{"id":185},"how-it-works-1",[187],{"type":25,"value":60},{"type":20,"tag":62,"props":189,"children":190},{},[191,196,201],{"type":20,"tag":66,"props":192,"children":193},{},[194],{"type":25,"value":195},"Click \"Deploy\" — we create a D1 database and deploy a Worker to your CF account",{"type":20,"tag":66,"props":197,"children":198},{},[199],{"type":25,"value":200},"Manage content through the built-in admin panel (products, orders, categories, etc.)",{"type":20,"tag":66,"props":202,"children":203},{},[204],{"type":25,"value":205},"The frontend connects to your Worker API for real-time data",{"type":20,"tag":55,"props":207,"children":209},{"id":208},"use-cases-1",[210],{"type":25,"value":86},{"type":20,"tag":88,"props":212,"children":213},{},[214,224,234,244],{"type":20,"tag":66,"props":215,"children":216},{},[217,222],{"type":20,"tag":42,"props":218,"children":219},{},[220],{"type":25,"value":221},"E-commerce stores",{"type":25,"value":223}," (MonaCommerce template) with products, cart, Stripe checkout",{"type":20,"tag":66,"props":225,"children":226},{},[227,232],{"type":20,"tag":42,"props":228,"children":229},{},[230],{"type":25,"value":231},"Membership platforms",{"type":25,"value":233}," with user accounts and gated content",{"type":20,"tag":66,"props":235,"children":236},{},[237,242],{"type":20,"tag":42,"props":238,"children":239},{},[240],{"type":25,"value":241},"SaaS landing pages",{"type":25,"value":243}," with dynamic pricing and signups",{"type":20,"tag":66,"props":245,"children":246},{},[247,252],{"type":20,"tag":42,"props":248,"children":249},{},[250],{"type":25,"value":251},"Any site",{"type":25,"value":253}," that needs a database and admin panel",{"type":20,"tag":55,"props":255,"children":257},{"id":256},"what-you-get-1",[258],{"type":25,"value":136},{"type":20,"tag":88,"props":260,"children":261},{},[262,267,272,277,282,287],{"type":20,"tag":66,"props":263,"children":264},{},[265],{"type":25,"value":266},"✅ 100% data ownership — stored in your Cloudflare account",{"type":20,"tag":66,"props":268,"children":269},{},[270],{"type":25,"value":271},"✅ One-click Worker + D1 deploy",{"type":20,"tag":66,"props":273,"children":274},{},[275],{"type":25,"value":276},"✅ Built-in admin panel for content management",{"type":20,"tag":66,"props":278,"children":279},{},[280],{"type":25,"value":281},"✅ Google OAuth customer login (built-in)",{"type":20,"tag":66,"props":283,"children":284},{},[285],{"type":25,"value":286},"✅ Stripe payment integration (built-in)",{"type":20,"tag":66,"props":288,"children":289},{},[290],{"type":25,"value":291},"✅ Custom domain support for API endpoints",{"type":20,"tag":28,"props":293,"children":294},{},[],{"type":20,"tag":32,"props":296,"children":298},{"id":297},"which-one-should-i-choose",[299],{"type":25,"value":300},"Which one should I choose?",{"type":20,"tag":302,"props":303,"children":304},"table",{},[305,329],{"type":20,"tag":306,"props":307,"children":308},"thead",{},[309],{"type":20,"tag":310,"props":311,"children":312},"tr",{},[313,319,324],{"type":20,"tag":314,"props":315,"children":316},"th",{},[317],{"type":25,"value":318},"Factor",{"type":20,"tag":314,"props":320,"children":321},{},[322],{"type":25,"value":323},"Connect",{"type":20,"tag":314,"props":325,"children":326},{},[327],{"type":25,"value":328},"Deploy",{"type":20,"tag":330,"props":331,"children":332},"tbody",{},[333,352,369,385,401,417],{"type":20,"tag":310,"props":334,"children":335},{},[336,342,347],{"type":20,"tag":337,"props":338,"children":339},"td",{},[340],{"type":25,"value":341},"Already have a backend?",{"type":20,"tag":337,"props":343,"children":344},{},[345],{"type":25,"value":346},"✅ Use Connect",{"type":20,"tag":337,"props":348,"children":349},{},[350],{"type":25,"value":351},"—",{"type":20,"tag":310,"props":353,"children":354},{},[355,360,364],{"type":20,"tag":337,"props":356,"children":357},{},[358],{"type":25,"value":359},"Need a database?",{"type":20,"tag":337,"props":361,"children":362},{},[363],{"type":25,"value":351},{"type":20,"tag":337,"props":365,"children":366},{},[367],{"type":25,"value":368},"✅ Use Deploy",{"type":20,"tag":310,"props":370,"children":371},{},[372,377,381],{"type":20,"tag":337,"props":373,"children":374},{},[375],{"type":25,"value":376},"Selling products?",{"type":20,"tag":337,"props":378,"children":379},{},[380],{"type":25,"value":351},{"type":20,"tag":337,"props":382,"children":383},{},[384],{"type":25,"value":368},{"type":20,"tag":310,"props":386,"children":387},{},[388,393,397],{"type":20,"tag":337,"props":389,"children":390},{},[391],{"type":25,"value":392},"Just displaying content?",{"type":20,"tag":337,"props":394,"children":395},{},[396],{"type":25,"value":346},{"type":20,"tag":337,"props":398,"children":399},{},[400],{"type":25,"value":351},{"type":20,"tag":310,"props":402,"children":403},{},[404,409,413],{"type":20,"tag":337,"props":405,"children":406},{},[407],{"type":25,"value":408},"Want full data control?",{"type":20,"tag":337,"props":410,"children":411},{},[412],{"type":25,"value":351},{"type":20,"tag":337,"props":414,"children":415},{},[416],{"type":25,"value":368},{"type":20,"tag":310,"props":418,"children":419},{},[420,425,429],{"type":20,"tag":337,"props":421,"children":422},{},[423],{"type":25,"value":424},"Fastest setup?",{"type":20,"tag":337,"props":426,"children":427},{},[428],{"type":25,"value":346},{"type":20,"tag":337,"props":430,"children":431},{},[432],{"type":25,"value":351},{"type":20,"tag":21,"props":434,"children":435},{},[436,441],{"type":20,"tag":42,"props":437,"children":438},{},[439],{"type":25,"value":440},"Still not sure?",{"type":25,"value":442}," Start with Connect — you can always switch to Deploy later by deploying a Worker backend from the site settings.",{"type":20,"tag":28,"props":444,"children":445},{},[],{"type":20,"tag":32,"props":447,"children":448},{"id":15},[449],{"type":25,"value":450},"Getting Started",{"type":20,"tag":62,"props":452,"children":453},{},[454,468,473,478,483],{"type":20,"tag":66,"props":455,"children":456},{},[457,459],{"type":25,"value":458},"Go to ",{"type":20,"tag":460,"props":461,"children":465},"a",{"href":462,"rel":463},"https:\u002F\u002Fadmin.monachieve.com",[464],"nofollow",[466],{"type":25,"value":467},"admin.monachieve.com",{"type":20,"tag":66,"props":469,"children":470},{},[471],{"type":25,"value":472},"Click \"Build Site\"",{"type":20,"tag":66,"props":474,"children":475},{},[476],{"type":25,"value":477},"Choose your template",{"type":20,"tag":66,"props":479,"children":480},{},[481],{"type":25,"value":482},"Select your data mode",{"type":20,"tag":66,"props":484,"children":485},{},[486],{"type":25,"value":487},"Follow the wizard — you'll be live in minutes",{"type":20,"tag":21,"props":489,"children":490},{},[491,493,500],{"type":25,"value":492},"Questions? Check our other guides or reach out on ",{"type":20,"tag":460,"props":494,"children":497},{"href":495,"rel":496},"https:\u002F\u002Fgithub.com\u002Fwptong\u002Fmonachieve-community\u002Fdiscussions",[464],[498],{"type":25,"value":499},"GitHub Discussions",{"type":25,"value":501},".",{"title":8,"searchDepth":503,"depth":503,"links":504},2,[505,511,516,517],{"id":34,"depth":503,"text":37,"children":506},[507,509,510],{"id":57,"depth":508,"text":60},3,{"id":83,"depth":508,"text":86},{"id":133,"depth":508,"text":136},{"id":165,"depth":503,"text":168,"children":512},[513,514,515],{"id":185,"depth":508,"text":60},{"id":208,"depth":508,"text":86},{"id":256,"depth":508,"text":136},{"id":297,"depth":503,"text":300},{"id":15,"depth":503,"text":450},"markdown","content:blog:data-modes.md","content","blog\u002Fdata-modes.md","blog\u002Fdata-modes","md",{"_path":525,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":526,"description":527,"date":528,"tags":529,"body":531,"_type":518,"_id":540,"_source":520,"_file":541,"_stem":542,"_extension":523},"\u002Fblog\u002Fhello-world","Welcome to Monachieve Blog","The official Monachieve engineering blog — sharing insights on modern web development, e-commerce, and edge computing.","2026-06-05",[530],"announcement",{"type":17,"children":532,"toc":538},[533],{"type":20,"tag":21,"props":534,"children":535},{},[536],{"type":25,"value":537},"Stay tuned for technical deep-dives, product updates, and tips on building high-performance e-commerce with modern tools.",{"title":8,"searchDepth":503,"depth":503,"links":539},[],"content:blog:hello-world.md","blog\u002Fhello-world.md","blog\u002Fhello-world",{"_path":544,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":545,"description":546,"date":547,"tags":548,"body":553,"_type":518,"_id":839,"_source":520,"_file":840,"_stem":841,"_extension":523},"\u002Fblog\u002Fnuxt3-vs-wordpress-seo-performance","Nuxt 3 vs. WordPress for SEO & Performance","A deep technical comparison of Nuxt 3 and WordPress across speed, SEO, security, and total cost of ownership.","2026-06-06",[549,550,551,552],"nuxt","seo","wordpress","performance",{"type":17,"children":554,"toc":835},[555,561,566,803,809],{"type":20,"tag":55,"props":556,"children":558},{"id":557},"technical-breakdown-nuxt-3-vs-wordpress-for-seo-performance",[559],{"type":25,"value":560},"Technical Breakdown: Nuxt 3 vs. WordPress for SEO & Performance",{"type":20,"tag":21,"props":562,"children":563},{},[564],{"type":25,"value":565},"When scaling a digital platform, choosing between a modern headless framework and a traditional CMS is a foundational architectural decision. Here is how they stack up across critical SEO and performance metrics.",{"type":20,"tag":302,"props":567,"children":568},{},[569,591],{"type":20,"tag":306,"props":570,"children":571},{},[572],{"type":20,"tag":310,"props":573,"children":574},{},[575,581,586],{"type":20,"tag":314,"props":576,"children":578},{"align":577},"left",[579],{"type":25,"value":580},"Dimension",{"type":20,"tag":314,"props":582,"children":583},{"align":577},[584],{"type":25,"value":585},"⚡️ Nuxt 3 (Modern Full-Stack)",{"type":20,"tag":314,"props":587,"children":588},{"align":577},[589],{"type":25,"value":590},"📝 WordPress (Traditional CMS)",{"type":20,"tag":330,"props":592,"children":593},{},[594,625,656,701,741,772],{"type":20,"tag":310,"props":595,"children":596},{},[597,605,615],{"type":20,"tag":337,"props":598,"children":599},{"align":577},[600],{"type":20,"tag":42,"props":601,"children":602},{},[603],{"type":25,"value":604},"SEO Architecture",{"type":20,"tag":337,"props":606,"children":607},{"align":577},[608,613],{"type":20,"tag":42,"props":609,"children":610},{},[611],{"type":25,"value":612},"Proactive SSR Engine.",{"type":25,"value":614}," Delivers pure, fully-rendered HTML to search engine crawlers natively from the first byte. Clean, lightweight, and fully optimized out-of-the-box.",{"type":20,"tag":337,"props":616,"children":617},{"align":577},[618,623],{"type":20,"tag":42,"props":619,"children":620},{},[621],{"type":25,"value":622},"Passive Rendering.",{"type":25,"value":624}," Generates complete HTML but relies heavily on server overhead. Without aggressive tuning, it suffers from heavy server-side bloating.",{"type":20,"tag":310,"props":626,"children":627},{},[628,636,646],{"type":20,"tag":337,"props":629,"children":630},{"align":577},[631],{"type":20,"tag":42,"props":632,"children":633},{},[634],{"type":25,"value":635},"Performance & Speed",{"type":20,"tag":337,"props":637,"children":638},{"align":577},[639,644],{"type":20,"tag":42,"props":640,"children":641},{},[642],{"type":25,"value":643},"Native Overachiever.",{"type":25,"value":645}," Code splitting, asset optimization, and lazy-loading are hardcoded into the framework lifecycle, effortlessly acing Google's Core Web Vitals.",{"type":20,"tag":337,"props":647,"children":648},{"align":577},[649,654],{"type":20,"tag":42,"props":650,"children":651},{},[652],{"type":25,"value":653},"Legacy Overhead.",{"type":25,"value":655}," Heavy by default. Requires relentless post-development tuning via caching plugins, object caches, and aggressive CDNs to match modern speed standards.",{"type":20,"tag":310,"props":657,"children":658},{},[659,667,691],{"type":20,"tag":337,"props":660,"children":661},{"align":577},[662],{"type":20,"tag":42,"props":663,"children":664},{},[665],{"type":25,"value":666},"Core Web Vitals",{"type":20,"tag":337,"props":668,"children":669},{"align":577},[670,675,677,682,684,689],{"type":20,"tag":42,"props":671,"children":672},{},[673],{"type":25,"value":674},"Impeccable Metrics.",{"type":25,"value":676}," Since HTML is pre-baked on the server, metrics like ",{"type":20,"tag":42,"props":678,"children":679},{},[680],{"type":25,"value":681},"LCP (Largest Contentful Paint)",{"type":25,"value":683}," and ",{"type":20,"tag":42,"props":685,"children":686},{},[687],{"type":25,"value":688},"CLS (Cumulative Layout Shift)",{"type":25,"value":690}," are naturally flawless.",{"type":20,"tag":337,"props":692,"children":693},{"align":577},[694,699],{"type":20,"tag":42,"props":695,"children":696},{},[697],{"type":25,"value":698},"Plugin-Dependent.",{"type":25,"value":700}," Bloated themes or excessive plugins trigger slow LCP. Unoptimized images or scripts cause layouts to \"jump\" during load, ruining CLS scores.",{"type":20,"tag":310,"props":702,"children":703},{},[704,712,731],{"type":20,"tag":337,"props":705,"children":706},{"align":577},[707],{"type":20,"tag":42,"props":708,"children":709},{},[710],{"type":25,"value":711},"Metadata & Schema",{"type":20,"tag":337,"props":713,"children":714},{"align":577},[715,720,722,729],{"type":20,"tag":42,"props":716,"children":717},{},[718],{"type":25,"value":719},"Pixel-Perfect Code Control.",{"type":25,"value":721}," Granular programmatic control via ",{"type":20,"tag":723,"props":724,"children":726},"code",{"className":725},[],[727],{"type":25,"value":728},"useHead()",{"type":25,"value":730},". Programmers have absolute authority over tags, OpenGraph data, and JSON-LD structured schemas.",{"type":20,"tag":337,"props":732,"children":733},{"align":577},[734,739],{"type":20,"tag":42,"props":735,"children":736},{},[737],{"type":25,"value":738},"GUI-Driven Convenience.",{"type":25,"value":740}," Streamlined for non-technical users via plugins like Yoast SEO or Rank Math. Highly visual and convenient, but abstracts code control.",{"type":20,"tag":310,"props":742,"children":743},{},[744,752,762],{"type":20,"tag":337,"props":745,"children":746},{"align":577},[747],{"type":20,"tag":42,"props":748,"children":749},{},[750],{"type":25,"value":751},"Extensibility & Control",{"type":20,"tag":337,"props":753,"children":754},{"align":577},[755,760],{"type":20,"tag":42,"props":756,"children":757},{},[758],{"type":25,"value":759},"Infinite Scalability.",{"type":25,"value":761}," Powered by Vue 3. Allows implementation of highly complex, dynamic interactive systems without being throttled by rigid plugin monoliths or theme restrictions.",{"type":20,"tag":337,"props":763,"children":764},{"align":577},[765,770],{"type":20,"tag":42,"props":766,"children":767},{},[768],{"type":25,"value":769},"The Plugin Trap.",{"type":25,"value":771}," Complex logic demands third-party plugins. As plugins stack up, they slow down site speeds, introduce security vectors, and trigger dependency hell.",{"type":20,"tag":310,"props":773,"children":774},{},[775,783,793],{"type":20,"tag":337,"props":776,"children":777},{"align":577},[778],{"type":20,"tag":42,"props":779,"children":780},{},[781],{"type":25,"value":782},"DevOps & Maintenance",{"type":20,"tag":337,"props":784,"children":785},{"align":577},[786,791],{"type":20,"tag":42,"props":787,"children":788},{},[789],{"type":25,"value":790},"High Technical Moat.",{"type":25,"value":792}," Demands specialized engineering expertise in Vue.js, Node.js, and modern CI\u002FCD deployment pipelines (Cloudflare Pages \u002F Vercel).",{"type":20,"tag":337,"props":794,"children":795},{"align":577},[796,801],{"type":20,"tag":42,"props":797,"children":798},{},[799],{"type":25,"value":800},"Low Operational Barrier.",{"type":25,"value":802}," Rapid deployment with a massive non-technical ecosystem. Maintenance mostly involves continuous security updates for themes and plugins.",{"type":20,"tag":55,"props":804,"children":806},{"id":805},"summary-for-builders",[807],{"type":25,"value":808},"Summary for Builders",{"type":20,"tag":88,"props":810,"children":811},{},[812,824],{"type":20,"tag":66,"props":813,"children":814},{},[815,817,822],{"type":25,"value":816},"Choose ",{"type":20,"tag":42,"props":818,"children":819},{},[820],{"type":25,"value":821},"Nuxt 3",{"type":25,"value":823}," if you demand absolute architecture ownership, flawless performance, maximum Core Web Vitals scores, and a subscription-free scalable footprint.",{"type":20,"tag":66,"props":825,"children":826},{},[827,828,833],{"type":25,"value":816},{"type":20,"tag":42,"props":829,"children":830},{},[831],{"type":25,"value":832},"WordPress",{"type":25,"value":834}," if your business model revolves purely around rapid, non-technical content velocity and you prefer a plugin-managed UI over writing code.",{"title":8,"searchDepth":503,"depth":503,"links":836},[837,838],{"id":557,"depth":508,"text":560},{"id":805,"depth":508,"text":808},"content:blog:nuxt3-vs-wordpress-seo-performance.md","blog\u002Fnuxt3-vs-wordpress-seo-performance.md","blog\u002Fnuxt3-vs-wordpress-seo-performance",1780792203147]