\n \n \n ,\n document.getElementById('root')\n)\n```\n\nOu, em um projeto com Next.js use como\n\n```tsx\nimport type { AppProps } from 'next/app'\n// 1. importe o `MarketplaceProvider` e o BrowserRouter\nimport {\n MarketplaceProvider,\n extendTheme,\n ExampleTheme\n} from '@gazin-marketplace/marketplace-ui'\nimport { BrowserRouter } from 'react-router-dom'\n\nfunction MyApp({ Component, pageProps }: AppProps) {\n return (\n // 2. Envolva seu código no provider e no BrowserRouter\n \n \n \n \n \n )\n}\n```\n\nPronto! Agora é só usar os componentes disponíveis no marketplace-ui\n\n# Desenvolvimento\n\nPrimeiro instale as dependências do projeto.\n\n```bash\nyarn\n```\n\nPara usar essa lib no desenvolvimento vamos usar um pacote global, o [yalc](https://github.com/wclr/yalc).\n\n```bash\nyarn global add yalc\n```\n\nAgora 'publique' o pacote localmente\n\n```bash\nyalc publish\n```\n\nPronto, agora você pode adicionar a lib a outros pacotes usando\n\n```bash\nyalc link @gazin-marketplace/marketplace-ui\n```\n\n## Hot-reload\n\nPara que suas mudanças sejam propagas ao projetos dependentes usaremos dois comandos, em dois terminais diferentes.\n\n```bash\n# Automaticamente rebuilda o projeto quando houver mudanças\nyarn build:dev\n```\n\n```bash\n# Automaticamente propaga as mudanças caso uma build esteja disponível\nyarn watch\n```\n\n## Criando componentes\n\nPara criar componentes usamos o [Plop.js](https://github.com/plopjs/plop), acesse-o usando\n\n```bash\nyarn generate\n```\n\n# Storybook\n\nPara executar o storybook basta executar\n\n```bash\nyarn storybook\n```\n\n# Publishing\n\nTodo a parte de publish do pacote é gerenciada pela pipeline, não realizar publish manual\n","readmeFilename":"README.md"}