npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2025 – Pkg Stats / Ryan Hefner

buildshift

v1.0.1

Published

A script to build a frontend project and move the output to a backend directory.

Readme

Build Shift

buildshift is a simple yet powerful CLI tool that automates the process of building your frontend app and seamlessly transferring the build files to your backend directory. With this tool, you no longer have to manually move your static assets or frontend build files to the backend after every change. It integrates your frontend and backend effortlessly, allowing you to focus more on coding and less on managing build steps.

Table of Contents

Installation

You can install buildshift either globally or locally depending on your needs.

Global Installation

To use buildshift from anywhere on your system, install it globally:

npm install -g buildshift

Local Installation

To install the package locally within your project, run the following command:

npm install buildshift --save-dev

This is recommended if you want the tool to be available only within the project.

Usage

Using npx (Local Installation)

Once installed locally, you can run buildshift using npx without needing to install it globally:

npx buildshift <frontend-path> <backend-path>

Using Global Installation

If you've installed buildshift globally, you can run it directly from the command line:

buildshift <frontend-path> <backend-path>

In both cases, the tool will:

  • Build your frontend app located in the specified <frontend-path>.
  • Move the resulting build files to the specified <backend-path>.

Example

Let's say you have the following project structure:

/my-project
        /frontend    # Your React or other frontend project
        /backend     # Your backend service (Node, Express, etc.)

To build the frontend and move the build files into the backend, run:

Using npx (Local Installation)

npx buildshift ./frontend ./backend

Using Global Installation

buildshift ./frontend ./backend

This command will:

  1. Run the frontend build process (typically npm run build).
  2. Copy the build output to the /backend/public directory (by default).

You can also specify a custom directory for the built frontend by passing the dist-dir argument, e.g.:

buildshift ./frontend ./backend custom-dist

In this case, the build will be copied from the ./frontend/custom-dist directory instead of the default ./frontend/dist.

License

buildshift is licensed under the MIT License. See the LICENSE file for more details.

Contributing

We welcome contributions! If you'd like to contribute to buildshift, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your changes.
  3. Make your changes and add tests.
  4. Submit a pull request with a clear description of your changes.

About

buildshift was created to simplify and automate the process of integrating frontend builds with backend services, reducing the need for manual steps in the deployment process.

If you have any questions, suggestions, or issues, feel free to open an issue on GitHub or submit a pull request.