(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9167],{105:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/dapp-kit/create-dapp",function(){return n(6309)}])},127:function(e,t,n){"use strict";var a=n(7458);let i={logo:(0,a.jsx)("span",{children:"Sui TypeScript Docs"}),project:{link:"https://github.com/MystenLabs/sui/tree/main/sdk/"},chat:{link:"https://discord.com/invite/Sui"},docsRepositoryBase:"https://github.com/MystenLabs/sui/tree/main/sdk/docs/pages",footer:{text:"Copyright \xa9 2023, Mysten Labs, Inc."},useNextSeoProps:()=>({titleTemplate:"%s"})};t.Z=i},6309:function(e,t,n){"use strict";n.r(t);var a=n(7458),i=n(3043),o=n(142),s=n(127);n(7957);var r=n(1351);n(5284);let d={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(l,{...e})}):l(e)},pageOpts:{filePath:"pages/dapp-kit/create-dapp.mdx",route:"/dapp-kit/create-dapp",headings:[{depth:1,value:"@mysten/create-dapp",id:"mystencreate-dapp"},{depth:2,value:"Templates",id:"templates"}],pageMap:[{kind:"Meta",data:{typescript:{title:"TypeScript SDK",type:"page"},"dapp-kit":{title:"dApp Kit",type:"page"},kiosk:{title:"Kiosk SDK",type:"page"},bcs:{title:"BCS",type:"page"},"wallet-kit":{title:"Wallet Kit",type:"page"}}},{kind:"Folder",name:"bcs",route:"/bcs",children:[{kind:"Meta",data:{index:"@mysten/bcs"}},{kind:"MdxPage",name:"index",route:"/bcs"}]},{kind:"Folder",name:"dapp-kit",route:"/dapp-kit",children:[{kind:"Meta",data:{index:"Sui dApp Kit Quick Start","create-dapp":"@mysten/create-dapp","sui-client-provider":"SuiClientProvider","rpc-hooks":"RPC Hooks","wallet-provider":"WalletProvider","wallet-components":"Wallet Components","wallet-hooks":"Wallet Hooks",themes:"Themes"}},{kind:"MdxPage",name:"create-dapp",route:"/dapp-kit/create-dapp"},{kind:"MdxPage",name:"index",route:"/dapp-kit"},{kind:"MdxPage",name:"rpc-hooks",route:"/dapp-kit/rpc-hooks"},{kind:"MdxPage",name:"sui-client-provider",route:"/dapp-kit/sui-client-provider"},{kind:"MdxPage",name:"themes",route:"/dapp-kit/themes"},{kind:"Folder",name:"wallet-components",route:"/dapp-kit/wallet-components",children:[{kind:"MdxPage",name:"ConnectButton",route:"/dapp-kit/wallet-components/ConnectButton"},{kind:"MdxPage",name:"ConnectModal",route:"/dapp-kit/wallet-components/ConnectModal"},{kind:"Meta",data:{ConnectButton:"ConnectButton",ConnectModal:"ConnectModal"}}]},{kind:"Folder",name:"wallet-hooks",route:"/dapp-kit/wallet-hooks",children:[{kind:"Meta",data:{useWallets:"useWallets",useAccounts:"useAccounts",useCurrentWallet:"useCurrentWallet",useCurrentAccount:"useCurrentAccount",useAutoConnectWallet:"useAutoConnectWallet",useConnectWallet:"useConnectWallet",useDisconnectWallet:"useDisconnectWallet",useSwitchAccount:"useSwitchAccount",useSignPersonalMessage:"useSignPersonalMessage",useSignTransactionBlock:"useSignTransactionBlock",useSignAndExecuteTransactionBlock:"useSignAndExecuteTransactionBlock"}},{kind:"MdxPage",name:"useAccounts",route:"/dapp-kit/wallet-hooks/useAccounts"},{kind:"MdxPage",name:"useAutoConnectWallet",route:"/dapp-kit/wallet-hooks/useAutoConnectWallet"},{kind:"MdxPage",name:"useConnectWallet",route:"/dapp-kit/wallet-hooks/useConnectWallet"},{kind:"MdxPage",name:"useCurrentAccount",route:"/dapp-kit/wallet-hooks/useCurrentAccount"},{kind:"MdxPage",name:"useCurrentWallet",route:"/dapp-kit/wallet-hooks/useCurrentWallet"},{kind:"MdxPage",name:"useDisconnectWallet",route:"/dapp-kit/wallet-hooks/useDisconnectWallet"},{kind:"MdxPage",name:"useSignAndExecuteTransactionBlock",route:"/dapp-kit/wallet-hooks/useSignAndExecuteTransactionBlock"},{kind:"MdxPage",name:"useSignPersonalMessage",route:"/dapp-kit/wallet-hooks/useSignPersonalMessage"},{kind:"MdxPage",name:"useSignTransactionBlock",route:"/dapp-kit/wallet-hooks/useSignTransactionBlock"},{kind:"MdxPage",name:"useSwitchAccount",route:"/dapp-kit/wallet-hooks/useSwitchAccount"},{kind:"MdxPage",name:"useWallets",route:"/dapp-kit/wallet-hooks/useWallets"}]},{kind:"MdxPage",name:"wallet-provider",route:"/dapp-kit/wallet-provider"}]},{kind:"Folder",name:"kiosk",route:"/kiosk",children:[{kind:"Meta",data:{index:"Introduction","kiosk-client":"Kiosk Client","advanced-examples":"Advanced Examples","from-v1":"Migrating to 0.7.0"}},{kind:"MdxPage",name:"advanced-examples",route:"/kiosk/advanced-examples"},{kind:"MdxPage",name:"from-v1",route:"/kiosk/from-v1"},{kind:"MdxPage",name:"index",route:"/kiosk"},{kind:"Folder",name:"kiosk-client",route:"/kiosk/kiosk-client",children:[{kind:"Meta",data:{introduction:"Getting Started",querying:"Querying","kiosk-transaction":"Kiosk Transaction","transfer-policy-transaction":"Transfer Policy Transaction"}},{kind:"MdxPage",name:"introduction",route:"/kiosk/kiosk-client/introduction"},{kind:"Folder",name:"kiosk-transaction",route:"/kiosk/kiosk-client/kiosk-transaction",children:[{kind:"Meta",data:{"kiosk-transaction":"Initializing a Kiosk Transaction",managing:"Available functions to manage a kiosk",purchasing:"Purchasing from a Kiosk",examples:"Examples"}},{kind:"MdxPage",name:"examples",route:"/kiosk/kiosk-client/kiosk-transaction/examples"},{kind:"MdxPage",name:"kiosk-transaction",route:"/kiosk/kiosk-client/kiosk-transaction/kiosk-transaction"},{kind:"MdxPage",name:"managing",route:"/kiosk/kiosk-client/kiosk-transaction/managing"},{kind:"MdxPage",name:"purchasing",route:"/kiosk/kiosk-client/kiosk-transaction/purchasing"}]},{kind:"MdxPage",name:"querying",route:"/kiosk/kiosk-client/querying"},{kind:"Folder",name:"transfer-policy-transaction",route:"/kiosk/kiosk-client/transfer-policy-transaction",children:[{kind:"Meta",data:{introduction:"Getting Started","using-the-manager":"Supported Functionality"}},{kind:"MdxPage",name:"introduction",route:"/kiosk/kiosk-client/transfer-policy-transaction/introduction"},{kind:"MdxPage",name:"using-the-manager",route:"/kiosk/kiosk-client/transfer-policy-transaction/using-the-manager"}]}]}]},{kind:"Folder",name:"typescript",route:"/typescript",children:[{kind:"Meta",data:{index:"Sui TypeScript SDK Quick Start",install:"Install","hello-sui":"Hello, Sui",faucet:"Faucet","sui-client":"SuiClient","transaction-building":"Transaction Building",cryptography:"Cryptography",utils:"Utils",bcs:"BCS",zklogin:"Zklogin"}},{kind:"MdxPage",name:"bcs",route:"/typescript/bcs"},{kind:"Folder",name:"cryptography",route:"/typescript/cryptography",children:[{kind:"Meta",data:{keypairs:"Key pairs",multisig:"Multi-Signature Transactions"}},{kind:"MdxPage",name:"keypairs",route:"/typescript/cryptography/keypairs"},{kind:"MdxPage",name:"multisig",route:"/typescript/cryptography/multisig"}]},{kind:"MdxPage",name:"faucet",route:"/typescript/faucet"},{kind:"MdxPage",name:"hello-sui",route:"/typescript/hello-sui"},{kind:"MdxPage",name:"index",route:"/typescript"},{kind:"MdxPage",name:"install",route:"/typescript/install"},{kind:"MdxPage",name:"sui-client",route:"/typescript/sui-client"},{kind:"Folder",name:"transaction-building",route:"/typescript/transaction-building",children:[{kind:"Meta",data:{basics:"Sui Programmable Transaction Blocks Basics",gas:"Paying for Sui Transactions with Gas Coins","sponsored-transactions":"Sponsored Transaction Blocks",offline:"Building Offline"}},{kind:"MdxPage",name:"basics",route:"/typescript/transaction-building/basics"},{kind:"MdxPage",name:"gas",route:"/typescript/transaction-building/gas"},{kind:"MdxPage",name:"offline",route:"/typescript/transaction-building/offline"},{kind:"MdxPage",name:"sponsored-transactions",route:"/typescript/transaction-building/sponsored-transactions"}]},{kind:"MdxPage",name:"utils",route:"/typescript/utils"},{kind:"MdxPage",name:"zklogin",route:"/typescript/zklogin"}]},{kind:"Folder",name:"wallet-kit",route:"/wallet-kit",children:[{kind:"Meta",data:{index:"Introduction","getting-started":"Getting Started",docs:"API",advanced:"Advanced"}},{kind:"Folder",name:"advanced",route:"/wallet-kit/advanced",children:[{kind:"MdxPage",name:"programmatic-connection",route:"/wallet-kit/advanced/programmatic-connection"},{kind:"MdxPage",name:"wallet-kit-core",route:"/wallet-kit/advanced/wallet-kit-core"},{kind:"MdxPage",name:"wallet-standard",route:"/wallet-kit/advanced/wallet-standard"},{kind:"Meta",data:{"programmatic-connection":"Programmatic Connection","wallet-kit-core":"Wallet Kit Core","wallet-standard":"Wallet Standard"}}]},{kind:"MdxPage",name:"advanced",route:"/wallet-kit/advanced"},{kind:"Folder",name:"docs",route:"/wallet-kit/docs",children:[{kind:"Meta",data:{"wallet-kit-provider":"WalletKitProvider","connect-button":"ConnectButton","use-wallet-kit":"useWalletKit"}},{kind:"MdxPage",name:"connect-button",route:"/wallet-kit/docs/connect-button"},{kind:"MdxPage",name:"use-wallet-kit",route:"/wallet-kit/docs/use-wallet-kit"},{kind:"MdxPage",name:"wallet-kit-provider",route:"/wallet-kit/docs/wallet-kit-provider"}]},{kind:"MdxPage",name:"getting-started",route:"/wallet-kit/getting-started"},{kind:"MdxPage",name:"index",route:"/wallet-kit"}]}],flexsearch:{codeblocks:!0},title:"@mysten/create-dapp"},pageNextRoute:"/dapp-kit/create-dapp",nextraLayout:o.ZP,themeConfig:s.Z};function l(e){let t=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",span:"span",h2:"h2",ul:"ul",li:"li",a:"a"},(0,r.ah)(),e.components);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h1,{id:"mystencreate-dapp",children:"@mysten/create-dapp"}),"\n",(0,a.jsxs)(t.p,{children:[(0,a.jsx)(t.code,{children:"@mysten/create-dapp"})," is a CLI tool that helps you to create a new dApp project."]}),"\n",(0,a.jsx)(t.p,{children:"You can get started quickly by running the following command:"}),"\n",(0,a.jsx)(t.pre,{"data-language":"bash","data-theme":"default",children:(0,a.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"pnpm"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"create"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mysten/create-dapp"})]})})}),"\n",(0,a.jsx)(t.p,{children:"This will prompt you through creating a new dApp project. It will ask you for the name/directory and\nask you to select from one of the provided templates."}),"\n",(0,a.jsx)(t.h2,{id:"templates",children:"Templates"}),"\n",(0,a.jsx)(t.p,{children:"The following templates are available:"}),"\n",(0,a.jsxs)(t.ul,{children:["\n",(0,a.jsxs)(t.li,{children:[(0,a.jsx)(t.code,{children:"react-client-dapp"}),": A simple React dApp that fetches a list of objects owned by the connected\nwallet"]}),"\n",(0,a.jsxs)(t.li,{children:[(0,a.jsx)(t.code,{children:"react-e2e-counter"}),": An end to end Example with move code and UI for a simple counter app"]}),"\n"]}),"\n",(0,a.jsx)(t.p,{children:"The examples are based off the Vite typescript starter project, and pre-configure a few things for\nyou including:"}),"\n",(0,a.jsxs)(t.ul,{children:["\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.a,{href:"https://react.dev/",children:"React"})}),"\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.a,{href:"https://www.typescriptlang.org/",children:"TypeScript"})}),"\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.a,{href:"https://vitejs.dev/",children:"Vite"})}),"\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.a,{href:"https://www.radix-ui.com/",children:"Radix UI"})}),"\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.a,{href:"https://eslint.org/",children:"ESLint"})}),"\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.a,{href:"https://sui-typescript-docs.vercel.app/dapp-kit",children:(0,a.jsx)(t.code,{children:"@mysten/dapp-kit"})})}),"\n"]}),"\n",(0,a.jsx)(t.p,{children:"These templates are still new, and would love to get feedback and suggestions for improvements or\nfuture templates. Please open an issue on GitHub if you have any feedback."})]})}t.default=(0,i.j)(d)}},function(e){e.O(0,[9774,5533,2888,179],function(){return e(e.s=105)}),_N_E=e.O()}]);