Boilerplat with Next JS, Typescript, ESlint, Prettier, Storybook, Testing Library and Styled Components
Instalation
Just clone this repo or use as a template and enjoy!
Project Structure Recomendation
- src
- components
- Button/
- Button.stories.tsx (Docs)
- Button.spec.tsx (Unit Tests)
- Button.styles.(ts) (Styles)
- Button.tsx (Component)
- Button.types.tsx (Interface/Types)
- index.ts (Export Button.tsx)
- Button/
- pages (all Pages)
- hooks
- use[Hook Name].ts (Ex.: useAuth.ts)
- index.ts (export all hooks)
- contexts
- [ContextName]Context.tsx (Ex.: AuthContext.tsx)
- services (API Call config)
- components
You can see an exemple of this project structure here:
Thanks!