https://docs.family.co/_next/static/chunks/pages/connectkit/going-live-fca455579a27d590.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1837],{12314:function(e,t,n){"use strict";n.r(t),n.d(t,{meta:function(){return r}});var o=n(52322),s=n(45392),i=n(95288),c=n(36679),r={showOnThisPage:!0,showBreadcrumbs:!1,showPrev:!0,showNext:!1},a=function(e){var t=e.children;return(0,o.jsx)(i.Z,{meta:r,children:t})};function l(e){var t=Object.assign({h1:"h1",p:"p",a:"a",ul:"ul",li:"li",input:"input",h2:"h2",code:"code"},(0,s.ah)(),e.components),n=t.Alert,i=t.Accordion,r=t.Paragraph,a=t.ConnectKitDefaultProviderAlert,l=t.CodeBlock,d=t.GitHubBanner;return i||h("Accordion",!0),n||h("Alert",!0),l||h("CodeBlock",!0),a||h("ConnectKitDefaultProviderAlert",!0),d||h("GitHubBanner",!0),r||h("Paragraph",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h1,{children:"Going Live Checklist"}),"\n",(0,o.jsx)(t.p,{children:"Make sure you're ready to go live to production by going through this checklist."}),"\n",(0,o.jsx)(n,{tone:"info",children:(0,o.jsxs)(t.p,{children:["If you’re planning to use ConnectKit for your project, we’d love to hear from you. ",(0,o.jsx)(t.a,{href:"mailto:[email protected]",children:"Please reach\nout"})," and we’d be happy to discuss your needs and answer any questions\nabout implementation."]})}),"\n",(0,o.jsxs)(t.ul,{className:"contains-task-list",children:["\n",(0,o.jsxs)(t.li,{className:"task-list-item",children:[(0,o.jsx)(t.input,{type:"checkbox",disabled:!0})," ","Setup Wallet Connect\nMake sure you've set up a WalletConnect Project ID."]}),"\n",(0,o.jsxs)(t.li,{className:"task-list-item",children:[(0,o.jsx)(t.input,{type:"checkbox",disabled:!0})," ","Setup chains\nMake sure you've selected which chains you want ConnectKit to be able to switch to for your app."]}),"\n",(0,o.jsxs)(t.li,{className:"task-list-item",children:[(0,o.jsx)(t.input,{type:"checkbox",disabled:!0})," ","Setup your RPC Providers\nMake sure you've set up your necessary RPC Providers for each chain you want to support."]}),"\n",(0,o.jsxs)(t.li,{className:"task-list-item",children:[(0,o.jsx)(t.input,{type:"checkbox",disabled:!0})," ","Setup theme\nMake sure you've selected a theme that fits the look and feel of your app."]}),"\n",(0,o.jsxs)(t.li,{className:"task-list-item",children:[(0,o.jsx)(t.input,{type:"checkbox",disabled:!0})," ","Setup favicon\nMake sure you've set a favicon so that your app appears in wallet apps correctly when users connect their wallet."]}),"\n",(0,o.jsxs)(t.li,{className:"task-list-item",children:[(0,o.jsx)(t.input,{type:"checkbox",disabled:!0})," ","Setup app name\nMake sure you've set an app name in ConnectKit so that your app appears with the correct name when users connect with their wallets."]}),"\n",(0,o.jsxs)(t.li,{className:"task-list-item",children:[(0,o.jsx)(t.input,{type:"checkbox",disabled:!0})," ","Test your connect experience\nWe recommend that you run through a full end-to-end test of your connect experience using a real wallet.\nThis will ensure that your app is working as expected when you go live."]}),"\n",(0,o.jsxs)(t.li,{className:"task-list-item",children:[(0,o.jsx)(t.input,{type:"checkbox",disabled:!0})," ","Test on desktop and mobile\nWe recommend that you test desktop and mobile to ensure that your app works as expected with ConnectKit on both platforms."]}),"\n"]}),"\n",(0,o.jsx)(t.h2,{children:"Frequently Asked Questions"}),"\n",(0,o.jsx)(t.p,{children:"This list of FAQs will continue to be updated over time."}),"\n",(0,o.jsx)(i,{items:[{title:"Is ConnectKit open source?",content:(0,o.jsxs)(r,{children:["Yes, ConnectKit is open source. Check out the code on ",(0,o.jsx)(t.a,{href:"https://github.com/family/connectkit",children:"GitHub"}),"."]})},{title:"Where do I get my API keys?",content:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r,{children:"To get started with ConnectKit, you will need to set up a WalletConnect Project ID."}),(0,o.jsxs)(r,{children:["You can get your WalletConnect Project ID from ",(0,o.jsx)(t.a,{href:"https://cloud.walletconnect.com",children:"WalletConnect Cloud"}),"."]})]})},{title:"What is a RPC Provider?",content:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r,{children:"A RPC Provider is a service that provides access to a blockchain network. ConnectKit uses RPC Providers to switch between chains for your app."}),(0,o.jsxs)(r,{children:["You can learn more about RPC Providers ",(0,o.jsx)(t.a,{href:"/connectkit/rpc-providers",children:"here"}),"."]}),(0,o.jsx)(a,{})]})},{title:"How do I use my own connect button design with ConnectKit?",content:(0,o.jsxs)(r,{children:["Check out ",(0,o.jsx)(t.a,{href:c._j.ConnectKit.ConnectButton,children:"Custom Connect Button"}),"."]})},{title:"How do I customize which chains / networks to support? E.g., I only want to display Optimism?",content:(0,o.jsxs)(r,{children:["Check out ",(0,o.jsx)(t.a,{href:c._j.ConnectKit.Chains,children:"Custom Chains"}),"."]})},{title:"Why won't my app icon appear in a mobile wallet when scanning with WalletConnect?",content:(0,o.jsx)(r,{children:"Some wallet apps won't render .svg favicons, so you may want to opt for a .png instead. If issues still occur, it's worth raising the issue with the developers of the respective app."})},{title:"Why does the default Coinbase Wallet modal appear when I try and connect with Coinbase?",content:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(r,{children:["If you are using a custom wagmi configuration, you most likely need to make sure that ",(0,o.jsx)(t.code,{children:"coinbaseWallet"})," connector includes ",(0,o.jsx)(t.code,{children:"headlessMode:true"})," in the ",(0,o.jsx)(t.code,{children:"options"})," to avoid this this issue from occurring."]}),(0,o.jsx)(l,{language:"tsx",code:'\ncoinbaseWallet({\n  options: {\n    appName: "Your App Name",\n    headlessMode: true,\n  },\n})\n        '})]})},{title:"Why does the default WalletConnect modal appear when I try and connect with WalletConnect?",content:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(r,{children:["If you are using a custom wagmi configuration, you most likely need to make sure that ",(0,o.jsx)(t.code,{children:"WalletConnect"})," connector includes ",(0,o.jsx)(t.code,{children:"qrcode:false"})," in the ",(0,o.jsx)(t.code,{children:"options"})," to avoid this this issue from occurring."]}),(0,o.jsx)(l,{language:"tsx",code:"\nwalletConnect({\n  options: {\n    qrcode: false,\n  },\n})\n        "})]})},{title:"How do I disable the Buffer polyfill?",content:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(r,{children:["By default, if ",(0,o.jsx)(t.code,{children:"window.buffer"})," is not declared then ConnectKit will implement this for you. This is a necessary package for WalletConnect to work correctly."]}),(0,o.jsxs)(r,{children:["You can disable this in the ",(0,o.jsx)(t.a,{href:"/connectkit/api-reference#ConnectKitProvider-bufferPolyfill",children:"ConnectKitProvider options"})," if you wish to implement your own solution."]})]})},{title:"Why does my ConnectKit modal/button design not look right?",content:(0,o.jsx)(o.Fragment,{children:(0,o.jsxs)(r,{children:["Your global stylesheet may be overriding some of ConnectKit's styling. Avoid styling global elements and instead opt for using a selector instead. Another solution is to wrap your app within an element with an id selector to be able to isolate your styles inside of (e.g ",(0,o.jsx)(t.code,{children:"#app"}),")."]})})}]}),"\n",(0,o.jsx)(d,{})]})}function h(e,t){throw Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,o.jsx)(a,Object.assign({},e,{children:(0,o.jsx)(l,e)}))}},2833:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/connectkit/going-live",function(){return n(12314)}])}},function(e){e.O(0,[9774,8934,4379,5904,3724,5288,2888,179],function(){return e(e.s=2833)}),_N_E=e.O()}]);