"use strict";(self.webpackChunkwaku_guide=self.webpackChunkwaku_guide||[]).push([[1530],{4865:(e,t,a)=>{a.d(t,{A:()=>h});vars=a(96540),n=a(34164),r=a(23104),i=a(47751),l=a(92303);consto={tabList:"tabList__CuJ",tabItem:"tabItem_LNqP"};varc=a(74848);functionu({className:e,block:t,selectedValue:a,selectValue:s,tabValues:i}){constl=[],{blockElementScrollPositionUntilNextRender:u}=(0,r.a_)(),d=e=>{constt=e.currentTarget,n=l.indexOf(t),r=i[n].value;r!==a&&(u(t),s(r))},p=e=>{lett=null;switch(e.key){case"Enter":d(e);break;case"ArrowRight":{consta=l.indexOf(e.currentTarget)+1;t=l[a]??l[0];break}case"ArrowLeft":{consta=l.indexOf(e.currentTarget)-1;t=l[a]??l[l.length-1];break}}t?.focus()};return(0,c.jsx)("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,n.A)("tabs",{"tabs--block":t},e),children:i.map(({value:e,label:t,attributes:s})=>(0,c.jsx)("li",{role:"tab",tabIndex:a===e?0:-1,"aria-selected":a===e,ref:e=>{l.push(e)},onKeyDown:p,onClick:d,...s,className:(0,n.A)("tabs__item",o.tabItem,s?.className,{"tabs__item--active":a===e}),children:t??e},e))})}functiond({lazy:e,children:t,selectedValue:a}){constr=(Array.isArray(t)?t:[t]).filter(Boolean);if(e){conste=r.find(e=>e.props.value===a);returne?(0,s.cloneElement)(e,{className:(0,n.A)("margin-top--md",e.props.className)}):null}return(0,c.jsx)("div",{className:"margin-top--md",children:r.map((e,t)=>(0,s.cloneElement)(e,{key:t,hidden:e.props.value!==a}))})}functionp(e){constt=(0,i.u)(e);return(0,c.jsxs)("div",{className:(0,n.A)("tabs-container",o.tabList),children:[(0,c.jsx)(u,{...t,...e}),(0,c.jsx)(d,{...t,...e})]})}functionh(e){constt=(0,l.default)();return(0,c.jsx)(p,{...e,children:(0,i.v)(e.children)},String(t))}},19365:(e,t,a)=>{a.d(t,{A:()=>i});a(96540);vars=a(34164);constn={tabItem:"tabItem_Ymn6"};varr=a(74848);functioni({children:e,hidden:t,className:a}){return(0,r.jsx)("div",{role:"tabpanel",className:(0,s.A)(n.tabItem,a),hidden:t,children:e})}},24311:(e,t,a)=>{a.r(t),a.d(t,{assets:()=>u,contentTitle:()=>c,default:()=>h,frontMatter:()=>o,metadata:()=>s,toc:()=>d});consts=JSON.parse('{"id":"build/javascript/use-waku-create-app","title":"Scaffold DApps Using @waku/create-app","description":"This guide provides detailed steps to bootstrap your next @waku/sdk project from various example templates using the @waku/create-app package.","source":"@site/docs/build/javascript/use-waku-create-app.md","sourceDirName":"build/javascript","slug":"/build/javascript/use-waku-create-app","permalink":"/build/javascript/use-waku-create-app","draft":false,"unlisted":false,"editUrl":"https://github.com/waku-org/docs.waku.org/tree/develop/docs/build/javascript/use-waku-create-app.md","tags":[],"version":"current","lastUpdatedAt":null,"frontMatter":{"title":"Scaffold DApps Using @waku/create-app","hide_table_of_contents":true,"displayed_sidebar":"build"},"sidebar":"build","previous":{"title":"Build React DApps Using @waku/react","permalink":"/build/javascript/use-waku-react"},"next":{"title":"Bootstrap Nodes and Discover Peers","permalink":"/build/javascript/configure-discovery"}}');varn=a(74848),r=a(28453),i=a(4865),l=a(19365);consto={title:"Scaffold DApps Using @waku/create-app",hide_table_of_contents:!0,displayed_sidebar:"build"},c=void0,u={},d=[{value:"Usage",id:"usage",level:2},{value:"Contributing new templates",id:"contributing-new-templates",level:2}];functionp(e){constt={a:"a",admonition:"admonition",code:"code",h2:"h2",img:"img",li:"li",ol:"ol",p:"p",pre:"pre",...(0,r.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(t.p,{children:["This guide provides detailed steps to bootstrap your next ",(0,n.jsx)(t.code,{children:"@waku/sdk"})," project from ",(0,n.jsx)(t.a,{href:"https://github.com/waku-org/js-waku-examples/tree/master/examples",children:"various example templates"})," using the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@waku/create-app",children:"@waku/create-app"})," package."]}),"\n",(0,n.jsx)(t.h2,{id:"usage",children:"Usage"}),"\n",(0,n.jsxs)(t.p,{children:["Initialise a new ",(0,n.jsx)(t.code,{children:"
