Build a read-only opportunity list, make a change, and open the published app.
Open Wisty to build a list of open opportunities closing this quarter. You’ll add a filter, refine the result, and publish an app you can open outside the editor.
An opportunity list built from a prompt, shown in Preview. Your layout may differ.
You’ll need a Wisty account, a connected Salesforce org, and credits for generation. Use an org where you can read Opportunity records. If you haven’t connected one, follow Connect Salesforce first.This walkthrough uses the Wisty web app on a desktop browser. Prefer an existing layout? Start from a template instead.
1
Choose your org and style
On Home, check the org selected below the message box. If you’ve connected more than one, choose the org you want to build against.Open the design selector and choose Salesforce for a Salesforce-style interface or Adaptive for a design based on your prompt. This choice stays with the project.
2
Describe the opportunity list
Click the message box, type @Opportunity, and select Opportunity from the results. This inserts an object chip linked to your org’s metadata.
A selected object appears as a chip in your message. This example uses Opportunity.
After the chip, paste this prompt and send the message:
Build a list of open opportunities closing this quarter. Show Opportunity Name, Account, Stage, Amount, and Close Date. Add a stage filter and sort by Close Date. Keep this app read-only.
Wisty creates a project and opens the editor. If it asks a clarifying question, answer it to continue.
3
Try the preview
Wait for the build to finish, then use the list in Preview. Check the columns and try the stage filter.The org selector in the header above the preview shows the connection in use. Check that it names the org you intended.The preview reads your live Salesforce data through your connection. An empty list can be correct if you have no matching opportunities. To widen the example, ask: “Show all open opportunities, regardless of close date.”Your layout may differ from the example. Check that it does the job you asked for.
4
Make one change
Send this follow-up in chat:
Add a search box that filters the list by Opportunity Name.
When the change is ready, test the search in the preview. Saved versions are available through Show history above chat.
Generation uses credits. For small text or styling changes, make a visual edit without AI. Those cost no credits.
5
Publish the app
Click Publish in the editor header. Review the sharing settings and allowed Salesforce access, then click Publish app.Wait for publishing to finish. Your project remains editable; the published app uses the version you just published.
6
Open the result
Click View app beside Publish. You’ll see the published opportunity list outside the editor.Later edits stay in the project until you publish changes. To give other people access, follow Share and open apps.
{"docsConfig":{"theme":"almond","$schema":"https://mintlify.com/docs.json","name":"Wisty","description":"The AI app builder for Salesforce.","colors":{"primary":"#FF4D02","light":"#FF6A2B","dark":"#15100E"},"logo":{"light":"https://mintcdn.com/wisty/9Wlvn1tbjBaZ0Pur/logo/light.svg?fit=max\u0026auto=format\u0026n=9Wlvn1tbjBaZ0Pur\u0026q=85\u0026s=36d6b5a8b4371d56299fa339057ba760","dark":"https://mintcdn.com/wisty/9Wlvn1tbjBaZ0Pur/logo/dark.svg?fit=max\u0026auto=format\u0026n=9Wlvn1tbjBaZ0Pur\u0026q=85\u0026s=4355cd4aae5c23a105ade3603e12085c"},"favicon":"https://mintcdn.com/wisty/XrFyZ2h8GWSiLRnC/favicon.svg?fit=max\u0026auto=format\u0026n=XrFyZ2h8GWSiLRnC\u0026q=85\u0026s=e9e0f21f0050e293b67cc7eedc3cc708","appearance":{"default":"light","strict":true},"background":{"color":{"light":"#FFFFFF"}},"navbar":{"links":[{"href":"https://app.wisty.ai/sign-in","label":"Sign in"}],"primary":{"type":"button","label":"Try for free","href":"https://app.wisty.ai/sign-up"}},"footer":{},"fonts":{"heading":{"family":"Inter Tight"},"body":{"family":"Geist"}},"icons":{"library":"lucide"},"styling":{"eyebrows":"breadcrumbs","latex":false},"contextual":{"options":["copy","view"],"display":"header"},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"wisty","hasAudioNarration":false,"actualSubdomain":"wisty","customDomains":["wisty.ai"],"gitSource":{"type":"github","owner":"wisty-labs","repo":"wisty","deployBranch":"production","contentDirectory":"apps/wisty-docs","isPrivate":true,"mountPath":"","label":""},"feedback":{"thumbs":false},"entitlements":{"AI_CHAT":{"status":"DISABLED"}},"buildId":"6ae08cd50a4e18d2a6ba9333","clientVersion":"0.0.4088","searchFilterCounts":[{"language":"default","tag":"Build and refine","count":6},{"language":"default","tag":"Start here","count":5},{"language":"default","tag":"Publish and share","count":3},{"language":"default","tag":"Set up Salesforce","count":3},{"language":"default","tag":"Billing","count":2},{"language":"default","tag":"Data and security","count":2},{"language":"default","tag":"Help","count":1}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableContextualStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"/docs","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","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},{"name":"comment-mode","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":true},"customCss":[{"filePath":"style.css","content":"#sidebar-content li[data-active],#sidebar-content li[data-active] a{background-color:#f5f3f0!important;color:#15100e!important}#sidebar-content li[data-active] svg{background-color:#15100e!important;color:#15100e!important}img.nav-logo{max-width:220px;height:auto}.docs-diagram .mermaid>svg{display:block;margin-inline:auto}"}],"page":{"pagePath":"getting-started/quickstart","slug":"/getting-started/quickstart","pageMetadata":{"title":"Build your first app","description":"Build a read-only opportunity list, make a change, and open the published app.","icon":"rocket","href":"/getting-started/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: \"Build a read-only opportunity list, make a change, and open the published app.\"\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];const ExamplePrompt=({text})=>{const{Prompt}=_provideComponents()||{};if(!Prompt)_missingMdxReference(`Prompt`,true);return _jsx(Prompt,{description:text,children:text})};function _createMdxContent(props){const _components={a:`a`,code:`code`,p:`p`,strong:`strong`,..._provideComponents(),...props.components},{Card,Columns,Frame,Heading,OptimizedImage,Step,Steps,Tip,_MdxComponentBoundary}=_components;if(!Card)_missingMdxReference(`Card`,true);if(!Columns)_missingMdxReference(`Columns`,true);if(!Frame)_missingMdxReference(`Frame`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Step)_missingMdxReference(`Step`,true);if(!Steps)_missingMdxReference(`Steps`,true);if(!Tip)_missingMdxReference(`Tip`,true);if(!_MdxComponentBoundary)_missingMdxReference(`_MdxComponentBoundary`,true);return _jsxs(_Fragment,{children:[_jsxs(_components.p,{children:[`Open `,_jsx(_components.a,{href:`https://app.wisty.ai`,children:`Wisty`}),` to build a list of open opportunities closing this quarter. You’ll add a filter, refine the result, and publish an app you can open outside the editor.`]}),`\n`,_jsx(Frame,{caption:`An opportunity list built from a prompt, shown in Preview. Your layout may differ.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/wisty/p0KgmgXmvqDkXTFQ/images/opportunity-list.png?fit=max\u0026auto=format\u0026n=p0KgmgXmvqDkXTFQ\u0026q=85\u0026s=13ca7afc5007842e1f2b87799f6124ab`,alt:`Wisty project in Preview showing an Opportunities list with a search box, stage, close date, and amount filters, and a sortable table of opportunities.`,\"data-og-width\":`1756`,width:`1756`,\"data-og-height\":`1598`,height:`1598`,\"data-path\":`images/opportunity-list.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/wisty/p0KgmgXmvqDkXTFQ/images/opportunity-list.png?w=280\u0026fit=max\u0026auto=format\u0026n=p0KgmgXmvqDkXTFQ\u0026q=85\u0026s=21ce150b3a58177636095e2ec68a7fad 280w, https://mintcdn.com/wisty/p0KgmgXmvqDkXTFQ/images/opportunity-list.png?w=560\u0026fit=max\u0026auto=format\u0026n=p0KgmgXmvqDkXTFQ\u0026q=85\u0026s=2de59d02cbad828740de1e3d6c557f6d 560w, https://mintcdn.com/wisty/p0KgmgXmvqDkXTFQ/images/opportunity-list.png?w=840\u0026fit=max\u0026auto=format\u0026n=p0KgmgXmvqDkXTFQ\u0026q=85\u0026s=8258f91c2db0c30b289c762e96e477b5 840w, https://mintcdn.com/wisty/p0KgmgXmvqDkXTFQ/images/opportunity-list.png?w=1100\u0026fit=max\u0026auto=format\u0026n=p0KgmgXmvqDkXTFQ\u0026q=85\u0026s=617a1311e4b667b946e4a143ac1ee8f8 1100w, https://mintcdn.com/wisty/p0KgmgXmvqDkXTFQ/images/opportunity-list.png?w=1650\u0026fit=max\u0026auto=format\u0026n=p0KgmgXmvqDkXTFQ\u0026q=85\u0026s=67fad6fb020a84defd8451f1d59175e6 1650w, https://mintcdn.com/wisty/p0KgmgXmvqDkXTFQ/images/opportunity-list.png?w=2500\u0026fit=max\u0026auto=format\u0026n=p0KgmgXmvqDkXTFQ\u0026q=85\u0026s=ad5b00754574c31e6d676449f5be0b83 2500w`})}),`\n`,_jsx(Heading,{level:`2`,id:`before-you-start`,children:`Before you start`}),`\n`,_jsxs(_components.p,{children:[`You’ll need a Wisty account, a connected Salesforce org, and credits for generation. Use an org where you can read Opportunity records. If you haven’t connected one, follow `,_jsx(_components.a,{href:`/getting-started/connect-salesforce`,children:`Connect Salesforce`}),` first.`]}),`\n`,_jsxs(_components.p,{children:[`This walkthrough uses the Wisty web app on a desktop browser. Prefer an existing layout? `,_jsx(_components.a,{href:`/getting-started/templates`,children:`Start from a template`}),` instead.`]}),`\n`,_jsxs(Steps,{children:[_jsxs(Step,{title:`Choose your org and style`,children:[_jsxs(_components.p,{children:[`On `,_jsx(_components.strong,{children:`Home`}),`, check the org selected below the message box. If you’ve connected more than one, choose the org you want to build against.`]}),_jsxs(_components.p,{children:[`Open the design selector and choose `,_jsx(_components.strong,{children:`Salesforce`}),` for a Salesforce-style interface or `,_jsx(_components.strong,{children:`Adaptive`}),` for a design based on your prompt. This choice stays with the project.`]})]}),_jsxs(Step,{title:`Describe the opportunity list`,children:[_jsxs(_components.p,{children:[`Click the message box, type `,_jsx(_components.code,{children:`@Opportunity`}),`, and select `,_jsx(_components.strong,{children:`Opportunity`}),` from the results. This inserts an object chip linked to your org’s metadata.`]}),_jsx(Frame,{caption:`A selected object appears as a chip in your message. This example uses Opportunity.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/wisty/p0KgmgXmvqDkXTFQ/images/object-mention.png?fit=max\u0026auto=format\u0026n=p0KgmgXmvqDkXTFQ\u0026q=85\u0026s=f52478b4591f96241b267ff314bd4a8a`,alt:`Home message box with an Opportunity object chip, Salesforce design style, and ACME Prod selected.`,\"data-og-width\":`1440`,width:`1440`,\"data-og-height\":`320`,height:`320`,\"data-path\":`images/object-mention.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/wisty/p0KgmgXmvqDkXTFQ/images/object-mention.png?w=280\u0026fit=max\u0026auto=format\u0026n=p0KgmgXmvqDkXTFQ\u0026q=85\u0026s=a4edfcfa51a3ae9d616a4299c43a9da2 280w, https://mintcdn.com/wisty/p0KgmgXmvqDkXTFQ/images/object-mention.png?w=560\u0026fit=max\u0026auto=format\u0026n=p0KgmgXmvqDkXTFQ\u0026q=85\u0026s=c1f3f4b884204b496a9de3507d095412 560w, https://mintcdn.com/wisty/p0KgmgXmvqDkXTFQ/images/object-mention.png?w=840\u0026fit=max\u0026auto=format\u0026n=p0KgmgXmvqDkXTFQ\u0026q=85\u0026s=8b5ad18f68d4fead4f4158d80962bd73 840w, https://mintcdn.com/wisty/p0KgmgXmvqDkXTFQ/images/object-mention.png?w=1100\u0026fit=max\u0026auto=format\u0026n=p0KgmgXmvqDkXTFQ\u0026q=85\u0026s=ec4e4c8cd0a1a2a4e77d0b454520dc64 1100w, https://mintcdn.com/wisty/p0KgmgXmvqDkXTFQ/images/object-mention.png?w=1650\u0026fit=max\u0026auto=format\u0026n=p0KgmgXmvqDkXTFQ\u0026q=85\u0026s=6ac160bb73fa1b865c00bde53ef82afa 1650w, https://mintcdn.com/wisty/p0KgmgXmvqDkXTFQ/images/object-mention.png?w=2500\u0026fit=max\u0026auto=format\u0026n=p0KgmgXmvqDkXTFQ\u0026q=85\u0026s=2ce9d4d31a83da83f0c4ddf6b4e1c804 2500w`})}),_jsx(_components.p,{children:`After the chip, paste this prompt and send the message:`}),_jsx(_MdxComponentBoundary,{name:`ExamplePrompt`,children:_jsx(ExamplePrompt,{text:`Build a list of open opportunities closing this quarter. Show Opportunity Name, Account, Stage, Amount, and Close Date. Add a stage filter and sort by Close Date. Keep this app read-only.`})}),_jsx(_components.p,{children:`Wisty creates a project and opens the editor. If it asks a clarifying question, answer it to continue.`})]}),_jsxs(Step,{title:`Try the preview`,children:[_jsxs(_components.p,{children:[`Wait for the build to finish, then use the list in `,_jsx(_components.strong,{children:`Preview`}),`. Check the columns and try the stage filter.`]}),_jsx(_components.p,{children:`The org selector in the header above the preview shows the connection in use. Check that it names the org you intended.`}),_jsx(_components.p,{children:`The preview reads your live Salesforce data through your connection. An empty list can be correct if you have no matching opportunities. To widen the example, ask: “Show all open opportunities, regardless of close date.”`}),_jsx(_components.p,{children:`Your layout may differ from the example. Check that it does the job you asked for.`})]}),_jsxs(Step,{title:`Make one change`,children:[_jsx(_components.p,{children:`Send this follow-up in chat:`}),_jsx(_MdxComponentBoundary,{name:`ExamplePrompt`,children:_jsx(ExamplePrompt,{text:`Add a search box that filters the list by Opportunity Name.`})}),_jsxs(_components.p,{children:[`When the change is ready, test the search in the preview. Saved versions are available through `,_jsx(_components.strong,{children:`Show history`}),` above chat.`]}),_jsx(Tip,{children:_jsxs(_components.p,{children:[`Generation uses credits. For small text or styling changes, make a `,_jsx(_components.a,{href:`/building/editing-without-ai`,children:`visual edit without AI`}),`. Those cost no credits.`]})})]}),_jsxs(Step,{title:`Publish the app`,children:[_jsxs(_components.p,{children:[`Click `,_jsx(_components.strong,{children:`Publish`}),` in the editor header. Review the sharing settings and allowed Salesforce access, then click `,_jsx(_components.strong,{children:`Publish app`}),`.`]}),_jsx(_components.p,{children:`Wait for publishing to finish. Your project remains editable; the published app uses the version you just published.`})]}),_jsxs(Step,{title:`Open the result`,children:[_jsxs(_components.p,{children:[`Click `,_jsx(_components.strong,{children:`View app`}),` beside `,_jsx(_components.strong,{children:`Publish`}),`. You’ll see the published opportunity list outside the editor.`]}),_jsxs(_components.p,{children:[`Later edits stay in the project until you `,_jsx(_components.a,{href:`/publishing/publish`,children:`publish changes`}),`. To give other people access, follow `,_jsx(_components.a,{href:`/publishing/share-apps`,children:`Share and open apps`}),`.`]})]})]}),`\n`,_jsx(Heading,{level:`2`,id:`next-steps`,children:`Next steps`}),`\n`,_jsxs(Columns,{cols:3,children:[_jsx(Card,{title:`Share and open apps`,icon:`layout-grid`,href:`/publishing/share-apps`,children:_jsx(_components.p,{children:`Choose who can open the app and how they get to it.`})}),_jsx(Card,{title:`Add an app to Salesforce`,icon:`panels-top-left`,href:`/publishing/embed-in-salesforce`,children:_jsx(_components.p,{children:`Place it on a Lightning page or in the utility bar.`})}),_jsx(Card,{title:`Describe what you need`,icon:`message-square`,href:`/building/describe-what-you-need`,children:_jsx(_components.p,{children:`More example prompts for your next project.`})})]}),`\n`,_jsxs(_components.p,{children:[`If a connection, build, or preview gets stuck, use `,_jsx(_components.a,{href:`/help/troubleshooting`,children:`Fix common problems`}),`.`]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{ExamplePrompt,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":"Build your first app","description":"Build a read-only opportunity list, make a change, and open the published app.","icon":"rocket","href":"/getting-started/quickstart"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Before you start","slug":"before-you-start","depth":2,"children":[]},{"title":"Next steps","slug":"next-steps","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"wisty","siteName":"Wisty","title":"Build your first app - Wisty","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-09-28T12:03:34.141Z","originalFileLocation":"getting-started/quickstart.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=\"light\";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=\"light\"}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=\"Build a read-only opportunity list, make a change, and open the published app.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Wisty\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/docs/mintlify-assets/_mintlify/favicons/wisty/3h4tNoDss1elNtP7/_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=\"/docs/mintlify-assets/_mintlify/favicons/wisty/3h4tNoDss1elNtP7/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/docs/mintlify-assets/_mintlify/favicons/wisty/3h4tNoDss1elNtP7/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/docs/mintlify-assets/_mintlify/favicons/wisty/3h4tNoDss1elNtP7/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/docs/mintlify-assets/_mintlify/favicons/wisty/3h4tNoDss1elNtP7/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/docs/mintlify-assets/_mintlify/favicons/wisty/3h4tNoDss1elNtP7/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/docs/mintlify-assets/_mintlify/favicons/wisty/3h4tNoDss1elNtP7/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/docs/mintlify-assets/_mintlify/favicons/wisty/3h4tNoDss1elNtP7/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/docs/mintlify-assets/_mintlify/favicons/wisty/3h4tNoDss1elNtP7/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Build your first app - Wisty\">\u003cmeta data-mint-head property=\"og:description\" content=\"Build a read-only opportunity list, make a change, and open the published app.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Wisty\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://wisty.ai/docs/getting-started/quickstart\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://wisty.mintlify.site/docs/_mintlify/api/og/v2?division=Start+here\u0026amp;title=Build+your+first+app\u0026amp;description=Build+a+read-only+opportunity+list%2C+make+a+change%2C+and+open+the+published+app.\u0026amp;theme=e782b797ddc93d46fae28202\u0026amp;signature=b7c93bde6afaa4706662939cfb3f7d5612125d1a8267e17847fbfd252b748de8\">\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=\"Build your first app - Wisty\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Build a read-only opportunity list, make a change, and open the published app.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://wisty.mintlify.site/docs/_mintlify/api/og/v2?division=Start+here\u0026amp;title=Build+your+first+app\u0026amp;description=Build+a+read-only+opportunity+list%2C+make+a+change%2C+and+open+the+published+app.\u0026amp;theme=e782b797ddc93d46fae28202\u0026amp;signature=b7c93bde6afaa4706662939cfb3f7d5612125d1a8267e17847fbfd252b748de8\">\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=\"/docs/mintlify-assets/_mintlify/favicons/wisty/3h4tNoDss1elNtP7/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Wisty\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#FF4D02\">\u003clink data-mint-head rel=\"canonical\" href=\"https://wisty.ai/docs/getting-started/quickstart\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/docs/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/docs/getting-started/quickstart.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://wisty.ai/#organization\",\"name\":\"Wisty\",\"url\":\"https://wisty.ai\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/wisty/9Wlvn1tbjBaZ0Pur/logo/light.svg?fit=max\u0026auto=format\u0026n=9Wlvn1tbjBaZ0Pur\u0026q=85\u0026s=36d6b5a8b4371d56299fa339057ba760\"}},{\"@type\":\"WebSite\",\"@id\":\"https://wisty.ai/docs#website\",\"name\":\"Wisty\",\"url\":\"https://wisty.ai/docs\",\"publisher\":{\"@id\":\"https://wisty.ai/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://wisty.ai/docs/getting-started/quickstart#webpage\",\"url\":\"https://wisty.ai/docs/getting-started/quickstart\",\"name\":\"Build your first app\",\"description\":\"Build a read-only opportunity list, make a change, and open the published app.\",\"dateModified\":\"2026-09-28T12:03:34.141Z\",\"isPartOf\":{\"@id\":\"https://wisty.ai/docs#website\"},\"breadcrumb\":{\"@id\":\"https://wisty.ai/docs/getting-started/quickstart#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://wisty.ai/docs/getting-started/quickstart#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Start here\",\"item\":\"https://wisty.ai/docs/index\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Build your first app\",\"item\":\"https://wisty.ai/docs/getting-started/quickstart\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://wisty.ai/docs/getting-started/quickstart#article\",\"headline\":\"Build your first app\",\"name\":\"Build your first app\",\"description\":\"Build a read-only opportunity list, make a change, and open the published app.\",\"url\":\"https://wisty.ai/docs/getting-started/quickstart\",\"mainEntityOfPage\":{\"@id\":\"https://wisty.ai/docs/getting-started/quickstart#webpage\"},\"dateModified\":\"2026-09-28T12:03:34.141Z\",\"publisher\":{\"@id\":\"https://wisty.ai/#organization\"},\"isPartOf\":{\"@id\":\"https://wisty.ai/docs#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Wisty\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Wisty","nav":{"global":null,"groups":[{"group":"Start here","pages":[{"title":"Overview","icon":"house","href":"/index"},{"title":"Key concepts","description":"How projects, apps, and Salesforce connections fit together in Wisty.","icon":"book-open","href":"/getting-started/key-concepts"},{"title":"Build your first app","icon":"rocket","href":"/getting-started/quickstart"},{"title":"Connect Salesforce","description":"Connect your own Salesforce login to build and run apps in Wisty.","icon":"cloud","href":"/getting-started/connect-salesforce"},{"title":"Start from a template","icon":"layout-template","href":"/getting-started/templates"}]},{"group":"Build and refine","pages":[{"title":"Describe what you need","icon":"message-square","href":"/building/describe-what-you-need"},{"title":"Work on a project","icon":"pencil-ruler","href":"/building/projects"},{"title":"Edit without AI","icon":"mouse-pointer-click","href":"/building/editing-without-ai"},{"title":"Add org knowledge","icon":"book-open","href":"/building/org-knowledge"},{"title":"Control Salesforce access","icon":"sliders-horizontal","href":"/building/salesforce-access"},{"title":"Update Salesforce records","icon":"pencil-line","href":"/building/record-writes"}]},{"group":"Publish and share","pages":[{"title":"Publish and update an app","icon":"send","href":"/publishing/publish"},{"title":"Share and open apps","icon":"layout-grid","href":"/publishing/share-apps"},{"title":"Add an app to Salesforce","icon":"panels-top-left","href":"/publishing/embed-in-salesforce"}]},{"group":"Set up Salesforce","pages":[{"title":"Install Wisty","icon":"package","href":"/salesforce-setup/install"},{"title":"Connect a host org","icon":"link-2","href":"/salesforce-setup/connect-host-org"},{"title":"Manage builders and viewers","icon":"lock","href":"/salesforce-setup/control-access"}]},{"group":"Data and security","pages":[{"title":"How Wisty uses your data","icon":"shield-check","href":"/security/data-handling"},{"title":"Where apps run","icon":"globe-lock","href":"/security/where-apps-run"}]},{"group":"Billing","pages":[{"title":"Credits and plans","icon":"credit-card","href":"/billing/credits-and-plans"},{"title":"Manage your subscription","icon":"wallet","href":"/billing/manage-subscription"}]},{"group":"Help","pages":[{"title":"Fix common problems","icon":"life-buoy","href":"/help/troubleshooting"}]}]},"basePath":"","title":"Build your first app - Wisty","buildId":"dpl_6dVqRXFR2Go5vF5RLvAdHuv189oT","deploymentId":"dpl_6dVqRXFR2Go5vF5RLvAdHuv189oT","dynamics":["07c022d89b","a74be98ba7","869c33ed97"],"chunks":["Frame-9l8IeNTQ.js","DynamicMarkdown-BBht_uEs.js","zoom-image-lightbox-CPu1dUmH.js","lightbox-handle-r17bVUz3.js","Prompt-BloYth_F.js","clsx-CrPa459s.js","lib-DuNMoZ05.js","lib-B8HbPgcC.js","html-void-elements-mCSPHezU.js","dist-BWxsj3I0.js","katex-YMM-FMeD.js","marked.esm-CZWythHk.js"]}