At Radancy we wanted to prevent duplicate code and speed up development processes and set up a private NPM registry to reach this goal.

Together with the devops team the npm registry was setup in gitlab, mainly by following this guide.

Below you can find a list of the most important npm packages that are created.

• utils
   Contains all kinds utils like methods, formatters, validators, etc.
• vue-ui
  Vue elements that can be used throughout all projects. For example accordion, button, form elements, pagination, slider, modal
• pinia-stores
  Pinia stores that are used in every website.
• vue-form
  This is a vue composable that can be used to setup forms in vue projects. It contains field registration, validation and request handling.
• medialibrary connector
  Contains a javascript class to use the medialibrary in projects to fetch images/videos in required dimensions. If also contains vue components that render <video> and <picture> elements for a media item with the requested dimensions per resolution.

This NPM package registry has been used to standardise code and make it faster and easier to work on new projects or features. There are over 25 packages in place that can be implemented in projects.