Introduce project creation tool for full stack developers

Tram Ho

Preface

Hello everyone, every time you start a new project, configuring or installing the initial libraries really takes a lot of time and effort for devs. That’s why the boilerplate was born.

What is a Boilerplate?

Boilerplate is a framework or can also be understood as a template. Boilerplate helps you to simplify the configuration of the project’s file and directory structure, and the boilerplate builder also has a number of built-in libraries to save you time searching and installing. library.

Actually, you can find a lot of boilerplate on github, but in this article, I would like to share with you my boilerplate , it’s called erb (short for express-react-boilerplate ).

Erb

Introduce

My Boilerplate includes the following main components and features:

  • Express – A framework for writing restful API.
  • React – Is a library that helps you build user interface in javascript language.
  • MongoDB – NOSQL Database for Node.js to store data.
  • Server side rendering.
  • Redux, Redux-thunk
  • Hot reloading
  • SEO
  • Multi language
  • etc.

Structure

Using

There are 2 ways to use:

  1. Access to git of erb and clone about.
  2. You can download it via npm

The commands that erb provides

Scriptdescription
devRun the server in develpment environment.
startRun the server in production environment.
buildPackage the code (including server & client) into the dist/ directory.
wpPackage the client in the dist/ directory.
analyzeView your packages more visually as a treemap.
storybookRun the storybook server.
kiểm TRARun unit tests.

Demo

https://htdangkhoa-erb.herokuapp.com/

Conclude

Erb is a boilerplate suitable for medium and large projects. It really saves you a lot of time. In addition to the features that I mentioned above, you can see the benefits that it brings here .

If you find it interesting, you can support me a star on github 😃 .

Have a nice day ❤️ .

References

Share the news now

Source : Viblo