https://github.com/zaujulio/zbp

Boilerplate with tests, pwa, code styling and git hooks
https://github.com/zaujulio/zbp

boilerplate ci-cd nextjs styled-components testing

Last synced: 5 days ago
JSON representation

Boilerplate with tests, pwa, code styling and git hooks

• Host: GitHub
• URL: https://github.com/zaujulio/zbp
• Owner: ZauJulio
• Created: 2021-12-10T21:46:58.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-01-07T16:02:59.000Z (almost 2 years ago)
• Last Synced: 2024-05-01T17:56:55.431Z (7 months ago)
• Topics: boilerplate, ci-cd, nextjs, styled-components, testing
• Language: TypeScript
• Homepage:
• Size: 3.22 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 7
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ZBP - 🔎🧪⚛🎨

Boilerplate Nextjs + Typescript with tests, PWA (Optional), code styling, templates and git hooks.

- [[Eslint 🔎]](https://github.com/eslint/eslint): Analyzes the code and generates error warnings.

- [[Prettier 🎨]](https://github.com/prettier/prettier): formats the code, giving that little hand to Eslint and reverse.

- [[lint-staged 🚫💩]](https://github.com/okonet/lint-staged): Makes the LINTING all files that are changed.

- [[Husky 🐶]](https://github.com/typicode/Husky): Creates Commit Hooks to automate code verification (types, styles, etc.).

- [[Jest 🧪]](https://jestjs.io/): Unit testing framework.

- [[React Testing Library 🧪⚛]](https://testing-library.com/docs/react-testing-library/intro): Testing library for React.

- [[PWA 🤹]](https://developers.google.com/web/progressive-web-apps/): Websites that took all the right vitamins.

- [[Nextjs 🚀]](https://nextjs.org/): Nextjs is a framework for server-rendered React applications.

- [[Typescript 🧩]](https://www.typescriptlang.org/): TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.

- [[Styled Components 🪅]](https://styled-components.com/): Styled Components is a library for React that allows you to write styles in a modular, statically-typed, and highly reusable way.

- [[Plop 🧩]](https://plopjs.com/): Plop is a little tool that saves you time and helps your team build new files with consistency.

## Installation

```console

foo@bar:~$ npm create-next-app -e https://github.com/ZauJulio/ZBP

or

foo@bar:~$ yarn create next-app -e https://github.com/ZauJulio/ZBP

```

## Scripts

```json

{

  "dev": "Runs the development server",

  "build": "Builds the application for production",

  "start": "Start the production server",

  "lint": "Lint the code, with a maximum of 0 Warnings",

  "test": "Runs the unit tests",

  "testwatch": "Runs the unit tests in watch mode, to each change",

  "test:coverage": "Generates a coverage report",

  "storybook": "Runs the Storybook server of components, enjoy your playground",

  "generate": "Generates a new component with tests, styles and stories",

  "build-storybook": "Builds the Storybook static playground"

}

```

Inspired by: React Avançado course;



  
ZauJulio 🧪