/project-next-base

Boilerplate Next.js já com eslint, prettier, testing-library, storybook, tailwind e styled-components configurados.

Primary LanguageTypeScriptMIT LicenseMIT

License: MIT Next.JS React.js Typescript

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


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!