/boilerplate-v2

created boilerplate with nextJS ,App Routes, typescript, jest, storybook, Styled components, pwa

Primary LanguageTypeScriptMIT LicenseMIT

Boilerplate V2.

Description:

The boilerplate is a solid and highly configured foundation for starting front-end projects efficiently and consistently. It combines a variety of popular tools and technologies to accelerate development and maintain code quality.

Key Technologies:

  • NEXT.JS v13.x: A highly optimized React framework for building efficient server-rendered front-end applications.

  • STYLED COMPONENTS: A CSS-in-JS library that allows styling components in an encapsulated and dynamic way.

  • JEST: A JavaScript testing framework that makes it easy to create and run unit and integration tests.

  • STORYBOOK: A tool for developing isolated components and documentation, enabling interactive visualization of components.

  • HUSKY: Used to configure Git pre-commit hooks, ensuring that code is checked and tested before being committed.

  • ESLINT: A JavaScript linter that helps maintain consistent and high-quality code.

  • PRETTIER: An automatic code formatter to maintain consistent formatting throughout the project.

  • LINT-STAGED: Used in conjunction with Husky to run lint checks only on modified files.

  • PLOP: A code generation tool to automate the creation of repetitive code artifacts such as components, pages, and more.

  • TYPESCRIPT: A popular choice for developers looking to write safer, scalable, and easily maintainable JavaScript code, especially in complex and large-scale projects.

How to Clone the Project and Run It on Your Machine

  git clone https://github.com/mauriciogirardi/boilerplate-v2.git

  cd boilerplate-v2

  npm install

  npm start

How to start a project using this boilerplate

  npx create-next-app -e https://github.com/mauriciogirardi/boilerplate-v2

How to generate components

  npm run generator

  # What is your component name?: Input

Alt text



MIT License

Create with ❤️ by Mauricio Girardi