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
Create with ❤️ by Mauricio Girardi