Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/joseafs/boilerplate-next-styled-2024
Boilerplate project with Next14 + base config ready for vercel
https://github.com/joseafs/boilerplate-next-styled-2024
axios axios-mock-adapter eslint fakerjs javascript nextjs14 prettier reactjs storybook styled-components testing-library typescript vercel vscode yarn
Last synced: about 2 months ago
JSON representation
Boilerplate project with Next14 + base config ready for vercel
- Host: GitHub
- URL: https://github.com/joseafs/boilerplate-next-styled-2024
- Owner: Joseafs
- Created: 2024-03-16T22:26:55.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2024-03-19T02:31:24.000Z (10 months ago)
- Last Synced: 2024-03-19T17:01:28.620Z (10 months ago)
- Topics: axios, axios-mock-adapter, eslint, fakerjs, javascript, nextjs14, prettier, reactjs, storybook, styled-components, testing-library, typescript, vercel, vscode, yarn
- Language: TypeScript
- Homepage: https://boilerplate-next-styled-2024.vercel.app
- Size: 832 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Esse é um projeto boilerplate criado com o objeto de acelerar novos projetos, desafios e no que mais for útil !
---
## Nesse boilerplate virá como base:
- [Next.js (14.1.3)](https://nextjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Styled Components](https://styled-components.com/)
- [Testing Library](https://testing-library.com/)
- [Eslint](https://eslint.org/)
- [Prettier](https://prettier.io/)
- [Axios](https://axios-http.com/)
- [Axios Mock Adapter](https://www.npmjs.com/package/axios-mock-adapter)
- [Faker](https://fakerjs.dev/)
- [Storybook](https://storybook.js.org/)
---
## Requerimentos para rodar o projeto
```bash
"yarn": "<=1.22.17",
"node": ">=18 <=20.11.1"
```
---
## Comandos existentes
```bash
"start:dev": Inicia a versão de desenvolvimento em "localhost:3000";
"start:build": Cria versão de produção;
"start:prod": Inicializa em "localhost:3000" com base na versão de build existente;
"test": Executa o Jest para cobertura de testes unitários;
"test:coverage": Executa os testes unitários e expoe um relátorio da cobertura;
"type:check": Busca por conflitos de tipagem;
"lint": Verifica no projeto todo por conflitos eslint;
"lint:format": Formata todos arquivos ao padrão eslint;
"storybook": Inicia storybook em "localhost:6006";
"storybook build": Compila e inicia a versão storybook estática;
```
---
## Estrutura de pastas e recursos base:
```
└── 📁src
└── 📁app
└── 📁example
└── 📁components
└── 📁Button
└── 📁ImageFit
└── 📁screens
└── 📁Home
└── 📁NotFound
└── 📁services
└── 📁api
└── 📁error
└── 📁methods
└── 📁apiDelete
└── 📁apiGet
└── 📁apiPost
└── 📁examples
└── 📁fetchExamples
└── 📁theme
└── 📁config
└── 📁provider
└── 📁utils
└── 📁getMediaQuery
└── 📁getThemeColor
└── 📁withThemeProvider
└── 📁utils
└── 📁mocks
```
---
## Pronto para Vercel
- [Master](https://boilerplate-next-styled-2024.vercel.app/)
## Desenvolvedor
- [Linkedin Joseafs](https://www.linkedin.com/in/i-joseafs/)