
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!