Boilerplate with Next JS, Typescript, ESlint, Prettier, Storybook, Testing Library, Styled Components and Husky

• Instalation
• Project Structure Recomendation

Instalation

Just clone this repo or use as a template and enjoy!

Project Structure Recomendation

• src
  • components
    • Button/
      • Button.stories.tsx (Docs)
      • Button.styles.(ts) (Styles)
      • Button.tsx (Component)
      • Button.spec.tsx (Test)
      • Button.types.tsx (Interface/Types)
      • index.ts (Export Button.tsx)
  • pages (all Pages)
  • shared
    • hooks
      • use[Hook Name].ts (Ex.: useAuth.ts)
      • index.ts (export all hooks)
    • contexts
      • [ContextName]Context.tsx (Ex.: AuthContext.tsx)
    • services (API Call config)
    • utils (project utils)
      • tests (utils for tests)
      • index.ts (export all utils)

Thanks!