First of all make sure you have installed Node and npm / yarn.
Yarn package manager is recommended
Please make sure you use node’s LTS version which is recommended by official node site and not one with latest feature.
After downloading zip, unzip it in your desired location.
Make sure to copy all the files including hidden files (starts with .[dot]).
On the uncompressed folder, open a new terminal/console. And run below command to install all packages:
# For Yarn (Highly Recommended)yarn# For npmnpm install
Then run the local server:
yarn dev
{"docsConfig":{"$schema":"https://mintlify.com/docs.json","theme":"mint","name":"Micleo","colors":{"primary":"#274dd2","light":"#0d6efd","dark":"#274dd2"},"favicon":"/favicon.png","logo":{"light":"https://mintcdn.com/micleo/b-FBhFe5P7CqnoRG/logo/light.png?fit=max\u0026auto=format\u0026n=b-FBhFe5P7CqnoRG\u0026q=85\u0026s=7be343fee6a95024764206793b3a3f2f","dark":"https://mintcdn.com/micleo/b-FBhFe5P7CqnoRG/logo/dark.png?fit=max\u0026auto=format\u0026n=b-FBhFe5P7CqnoRG\u0026q=85\u0026s=ca07fe13b49b6ef527c9dd23ddd9d9be"},"navbar":{"links":[],"primary":{"type":"button","label":"micleo.com","href":"https://micleo.com"}},"footer":{"socials":{"twitter":"https://twitter.com/Micleo_","linkedin":"https://www.linkedin.com/company/micleo/"}},"integrations":{"ga4":{"measurementId":"G-G7B6GXP1LX"}},"navigation":{"global":{"anchors":[{"anchor":"Features","href":"https://micleo.com/features","icon":"grid"},{"anchor":"Get a license","href":"https://micleo.com/pricing","icon":"rocket"},{"anchor":"Live Demo","href":"https://demo.micleo.com/","icon":"laptop"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"micleo","hasAudioNarration":false,"actualSubdomain":"micleo","customDomains":["docs.micleo.com"],"gitSource":{"type":"github","owner":"micleo-applications","repo":"micleo-docs","deployBranch":"main","contentDirectory":"","isPrivate":false,"mountPath":"","label":""},"entitlements":{},"buildId":"6ae91e71d9cf549fcc292384:success","clientVersion":"0.0.4102","searchFilterCounts":[{"language":"default","tag":"Documentation","count":22},{"language":"default","tag":"Settings","count":10},{"language":"default","tag":"Dependencies","count":9},{"language":"default","tag":"Front End","count":8},{"language":"default","tag":"Back End","count":2},{"language":"default","tag":"Supabase","count":2},{"language":"default","tag":"Get Started","count":2}]},"assistantConfig":{},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-rbac-roles","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-metadata","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"docs/front-end/quickstart","slug":"/docs/front-end/quickstart","pageMetadata":{"title":"Quickstart","description":"This is a JAMstack app build with Vuejs and Vuetify. Deploy this app on Cloudflare Page.","href":"/docs/front-end/quickstart"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"This is a JAMstack app build with Vuejs and Vuetify. Deploy this app on Cloudflare Page.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={code:`code`,p:`p`,pre:`pre`,span:`span`,strong:`strong`,..._provideComponents(),...props.components},{Card,CodeBlock,Frame,Heading,Note,OptimizedImage,Warning}=_components;if(!Card)_missingMdxReference(`Card`,true);if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!Frame)_missingMdxReference(`Frame`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!Note)_missingMdxReference(`Note`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Warning)_missingMdxReference(`Warning`,true);return _jsxs(_Fragment,{children:[_jsx(Frame,{children:_jsx(OptimizedImage,{width:`350`,src:`https://mintcdn.com/micleo/b-FBhFe5P7CqnoRG/images/pinia.webp?fit=max\u0026auto=format\u0026n=b-FBhFe5P7CqnoRG\u0026q=85\u0026s=05b2c1d85597bdd52f8c759e34a98934`,style:{borderRadius:`0.5rem`},\"data-og-width\":`674`,\"data-og-height\":`1028`,\"data-path\":`images/pinia.webp`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/micleo/b-FBhFe5P7CqnoRG/images/pinia.webp?w=280\u0026fit=max\u0026auto=format\u0026n=b-FBhFe5P7CqnoRG\u0026q=85\u0026s=04e5319ac8b3fd91d3663f057f4b07ba 280w, https://mintcdn.com/micleo/b-FBhFe5P7CqnoRG/images/pinia.webp?w=560\u0026fit=max\u0026auto=format\u0026n=b-FBhFe5P7CqnoRG\u0026q=85\u0026s=f957f84520573ce1a03d300f22bf5510 560w, https://mintcdn.com/micleo/b-FBhFe5P7CqnoRG/images/pinia.webp?w=840\u0026fit=max\u0026auto=format\u0026n=b-FBhFe5P7CqnoRG\u0026q=85\u0026s=20da77bf1967bcc7a59f09dd2ab2097d 840w, https://mintcdn.com/micleo/b-FBhFe5P7CqnoRG/images/pinia.webp?w=1100\u0026fit=max\u0026auto=format\u0026n=b-FBhFe5P7CqnoRG\u0026q=85\u0026s=dc93b0ab7a2b32cf11b54e49954e0f0a 1100w, https://mintcdn.com/micleo/b-FBhFe5P7CqnoRG/images/pinia.webp?w=1650\u0026fit=max\u0026auto=format\u0026n=b-FBhFe5P7CqnoRG\u0026q=85\u0026s=7c7237b4df25c393f793477711e051d3 1650w, https://mintcdn.com/micleo/b-FBhFe5P7CqnoRG/images/pinia.webp?w=2500\u0026fit=max\u0026auto=format\u0026n=b-FBhFe5P7CqnoRG\u0026q=85\u0026s=8e22e180c53b9aac7b533278b44df6a3 2500w`})}),`\n`,_jsx(Heading,{level:`3`,id:`installation`,children:`Installation`}),`\n`,_jsxs(_components.p,{children:[`Micleo App is built using `,_jsx(_components.code,{children:`Vue CLI`}),`. You don’t need to install or configure tools like Webpack or Babel.`]}),`\n`,_jsx(Heading,{level:`3`,id:`infisical`,children:`Infisical`}),`\n`,_jsx(Card,{title:`Infisical`,href:`/dependencies/infisical`}),`\n`,_jsx(CodeBlock,{numberOfLines:`5`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`5`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`#connect to your account`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`infisical login`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`#link to the Front End Project`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`infisical init`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsx(Heading,{level:`3`,id:`supabase`,children:`Supabase`}),`\n`,_jsx(Card,{title:`Supabase`,href:`/dependencies/supabase`}),`\n`,_jsx(Heading,{level:`3`,id:`guide`,children:`Guide`}),`\n`,_jsxs(_components.p,{children:[`First of all make sure you have installed `,_jsx(_components.code,{children:`Node`}),` and `,_jsx(_components.code,{children:`npm`}),` / `,_jsx(_components.code,{children:`yarn`}),`.\n`,_jsx(Note,{children:`Yarn package manager is recommended`})]}),`\n`,_jsx(Warning,{children:`Please make sure you use node’s LTS version which is recommended by official node site and not one with latest feature.`}),`\n`,_jsx(_components.p,{children:`After downloading zip, unzip it in your desired location.`}),`\n`,_jsxs(Warning,{children:[`Make sure to copy all the files including `,_jsx(_components.strong,{children:`hidden files`}),` (starts with .[dot]).`]}),`\n`,_jsx(_components.p,{children:`On the uncompressed folder, open a new terminal/console. And run below command to install all packages:`}),`\n`,_jsx(CodeBlock,{numberOfLines:`6`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`6`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`# For Yarn (Highly Recommended)`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`yarn`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`# For npm`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`npm install`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsx(_components.p,{children:`Then run the local server:`}),`\n`,_jsx(CodeBlock,{numberOfLines:`2`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`2`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`yarn dev`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{width:`350`,src:`https://mintcdn.com/micleo/b-FBhFe5P7CqnoRG/images/console-front-end.png?fit=max\u0026auto=format\u0026n=b-FBhFe5P7CqnoRG\u0026q=85\u0026s=65287275a02b74b6c7b5c8a0659a0132`,style:{borderRadius:`0.5rem`},\"data-og-width\":`406`,\"data-og-height\":`166`,\"data-path\":`images/console-front-end.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/micleo/b-FBhFe5P7CqnoRG/images/console-front-end.png?w=280\u0026fit=max\u0026auto=format\u0026n=b-FBhFe5P7CqnoRG\u0026q=85\u0026s=026f27cb5480c8992625a358b0fa60fb 280w, https://mintcdn.com/micleo/b-FBhFe5P7CqnoRG/images/console-front-end.png?w=560\u0026fit=max\u0026auto=format\u0026n=b-FBhFe5P7CqnoRG\u0026q=85\u0026s=f46bdae26412c0939fecbeac09ef6bf2 560w, https://mintcdn.com/micleo/b-FBhFe5P7CqnoRG/images/console-front-end.png?w=840\u0026fit=max\u0026auto=format\u0026n=b-FBhFe5P7CqnoRG\u0026q=85\u0026s=228a39bc5e5e6c71c52959d1e1797b8d 840w, https://mintcdn.com/micleo/b-FBhFe5P7CqnoRG/images/console-front-end.png?w=1100\u0026fit=max\u0026auto=format\u0026n=b-FBhFe5P7CqnoRG\u0026q=85\u0026s=8977f11f06bcbedff494a76367236a4a 1100w, https://mintcdn.com/micleo/b-FBhFe5P7CqnoRG/images/console-front-end.png?w=1650\u0026fit=max\u0026auto=format\u0026n=b-FBhFe5P7CqnoRG\u0026q=85\u0026s=9d2281bb7b1b1938300a1431e15e2d52 1650w, https://mintcdn.com/micleo/b-FBhFe5P7CqnoRG/images/console-front-end.png?w=2500\u0026fit=max\u0026auto=format\u0026n=b-FBhFe5P7CqnoRG\u0026q=85\u0026s=547efcf59fdbb8a9a22e2fa8b40d7543 2500w`})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Quickstart","description":"This is a JAMstack app build with Vuejs and Vuetify. Deploy this app on Cloudflare Page.","href":"/docs/front-end/quickstart"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Installation","slug":"installation","depth":3,"children":[]},{"title":"Infisical","slug":"infisical","depth":3,"children":[]},{"title":"Supabase","slug":"supabase","depth":3,"children":[]},{"title":"Guide","slug":"guide","depth":3,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"micleo","siteName":"Micleo","title":"Quickstart - Micleo","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-01-07T00:46:17.486Z","originalFileLocation":"docs/front-end/quickstart.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"This is a JAMstack app build with Vuejs and Vuetify. Deploy this app on Cloudflare Page.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Micleo\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/micleo/zceYCIBXy2cf1ILS/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/micleo/zceYCIBXy2cf1ILS/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/micleo/zceYCIBXy2cf1ILS/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/micleo/zceYCIBXy2cf1ILS/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/micleo/zceYCIBXy2cf1ILS/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/micleo/zceYCIBXy2cf1ILS/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/micleo/zceYCIBXy2cf1ILS/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/micleo/zceYCIBXy2cf1ILS/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/micleo/zceYCIBXy2cf1ILS/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Quickstart - Micleo\">\u003cmeta data-mint-head property=\"og:description\" content=\"This is a JAMstack app build with Vuejs and Vuetify. Deploy this app on Cloudflare Page.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Micleo\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.micleo.com/docs/front-end/quickstart\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://micleo.mintlify.site/_mintlify/api/og/v2?division=Front+End\u0026amp;title=Quickstart\u0026amp;description=This+is+a+JAMstack+app+build+with+Vuejs+and+Vuetify.+Deploy+this+app+on+Cloudflare+Page.\u0026amp;theme=824c31cd0de828f91598e4a9\u0026amp;signature=2d90fdac22f6a9d16a2a7d104728628937ddb0c51444f8364b5dbb7d74767013\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Quickstart - Micleo\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"This is a JAMstack app build with Vuejs and Vuetify. Deploy this app on Cloudflare Page.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://micleo.mintlify.site/_mintlify/api/og/v2?division=Front+End\u0026amp;title=Quickstart\u0026amp;description=This+is+a+JAMstack+app+build+with+Vuejs+and+Vuetify.+Deploy+this+app+on+Cloudflare+Page.\u0026amp;theme=824c31cd0de828f91598e4a9\u0026amp;signature=2d90fdac22f6a9d16a2a7d104728628937ddb0c51444f8364b5dbb7d74767013\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/micleo/zceYCIBXy2cf1ILS/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Micleo\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#274dd2\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.micleo.com/docs/front-end/quickstart\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/docs/front-end/quickstart.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.micleo.com/#organization\",\"name\":\"Micleo\",\"url\":\"https://docs.micleo.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/micleo/b-FBhFe5P7CqnoRG/logo/light.png?fit=max\u0026auto=format\u0026n=b-FBhFe5P7CqnoRG\u0026q=85\u0026s=7be343fee6a95024764206793b3a3f2f\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.micleo.com#website\",\"name\":\"Micleo\",\"url\":\"https://docs.micleo.com\",\"publisher\":{\"@id\":\"https://docs.micleo.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.micleo.com/docs/front-end/quickstart#webpage\",\"url\":\"https://docs.micleo.com/docs/front-end/quickstart\",\"name\":\"Quickstart\",\"description\":\"This is a JAMstack app build with Vuejs and Vuetify. Deploy this app on Cloudflare Page.\",\"dateModified\":\"2026-01-07T00:46:17.486Z\",\"isPartOf\":{\"@id\":\"https://docs.micleo.com#website\"},\"breadcrumb\":{\"@id\":\"https://docs.micleo.com/docs/front-end/quickstart#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.micleo.com/docs/front-end/quickstart#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Micleo\",\"item\":\"https://docs.micleo.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Quickstart\",\"item\":\"https://docs.micleo.com/docs/front-end/quickstart\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.micleo.com/docs/front-end/quickstart#article\",\"headline\":\"Quickstart\",\"name\":\"Quickstart\",\"description\":\"This is a JAMstack app build with Vuejs and Vuetify. Deploy this app on Cloudflare Page.\",\"url\":\"https://docs.micleo.com/docs/front-end/quickstart\",\"mainEntityOfPage\":{\"@id\":\"https://docs.micleo.com/docs/front-end/quickstart#webpage\"},\"dateModified\":\"2026-01-07T00:46:17.486Z\",\"publisher\":{\"@id\":\"https://docs.micleo.com/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.micleo.com#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Micleo\",\"publisher\":{\"@type\":\"Organization\",\"name\":\"Micleo\"},\"provider\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","agentPointerHref":"/docs/front-end/quickstart.md","siteName":"Micleo","nav":{"global":{"anchors":[{"anchor":"Features","href":"https://micleo.com/features","icon":"grid"},{"anchor":"Get a license","href":"https://micleo.com/pricing","icon":"rocket"},{"anchor":"Live Demo","href":"https://demo.micleo.com/","icon":"laptop"}]},"anchors":[{"anchor":"Documentation","icon":"book-open","groups":[{"group":"Get Started","pages":[{"title":"Introduction","href":"/docs/introduction"},{"title":"Quickstart","href":"/docs/quickstart"}]},{"group":"Settings","pages":[{"group":"Dependencies","pages":[{"group":"Supabase","pages":[{"title":"Configuration","href":"/docs/dependencies/supabase/introduction"},{"title":"Database","href":"/docs/dependencies/supabase/database"}]},{"title":"Infisical","href":"/docs/dependencies/infisical"},{"title":"Cloudflare","href":"/docs/dependencies/cloudflare"},{"title":"Hookdeck","href":"/docs/dependencies/hookdeck"},{"title":"Stripe","href":"/docs/dependencies/stripe"},{"title":"hCaptcha","href":"/docs/dependencies/hcaptcha"},{"title":"Doppio.sh","href":"/docs/dependencies/doppio"},{"title":"Unlayer","href":"/docs/dependencies/unlayer"}]},{"title":"Live Demo","description":"Try the Live Demo.","href":"/docs/demo"}]},{"group":"Front End","pages":[{"title":"Quickstart","href":"/docs/front-end/quickstart"},{"title":"Libraries \u0026 Frameworks","description":null,"href":"/docs/front-end/librairies"},{"title":"Structure and architecture","href":"/docs/front-end/architecture"},{"title":"Personalization","href":"/docs/front-end/perzonalization"},{"title":"Navigation Menus","href":"/docs/front-end/navigation"},{"title":"Routing","href":"/docs/front-end/routing"},{"title":"Access Control (ACL)","href":"/docs/front-end/access-control"},{"title":"Pinia Store","href":"/docs/front-end/pinia"}]},{"group":"Back End","pages":[{"title":"Quickstart","href":"/docs/back-end/quickstart"},{"title":"Structure and architecture","href":"/docs/back-end/architecture"}]}]}]},"basePath":"","title":"Quickstart - Micleo","buildId":"dpl_596ePT575z4qnAFksq1biRW97aLY","deploymentId":"dpl_596ePT575z4qnAFksq1biRW97aLY","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-BXrZabKK.js","DynamicMarkdown-CtasenyM.js","zoom-image-lightbox-C5F0mVLH.js","lightbox-handle-r17bVUz3.js"]}