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 🙏

© 2026 – Pkg Stats / Ryan Hefner

create-stackx

v1.0.2

Published

A CLI tool to initialize full-stack projects with React and Node.js

Readme

CreateStackx 🚀

CreateStackx is a CLI tool that helps you quickly initialize full-stack projects. It allows you to create both frontend (React with Vite) and backend (Node.js with Express) projects with customizable dependencies, enabling you to kickstart your development with minimal setup.


Features ✨

  • 🖥️ Frontend: Initializes a React project with Vite and Tailwind CSS.
  • 🛠️ Backend: Initializes a Node.js backend with Express and Mongoose, allowing you to choose the required dependencies.
  • Full-stack: Initializes both frontend and backend projects for full-stack applications in one command.
  • 📦 Dependency Management: Choose the dependencies you need for the backend, including popular libraries like Express, Mongoose, and more.

Installation 📦

To get started, you need to install CreateStackx globally on your system.

Install globally:

npm install -g create-stackx

Usage 🧑‍💻

1. Initialize a Frontend Project:

Use this command to create a React project with Vite and Tailwind CSS.

create-stackx init:frontend <projectName>

Example:

create-stackx init:frontend my-frontend-app

2. Initialize a Backend Project:

Use this command to create a Node.js backend with Express and Mongoose. You'll also be able to select the dependencies you want to install.

create-stackx init:backend <projectName>

Example:

create-stackx init:backend my-backend-app

3. Initialize a Full-stack Project:

This command initializes both frontend and backend projects in one go.

create-stackx init <projectName>

Example:

create-stackx init my-fullstack-app

Dependencies 💻

When initializing the backend, you'll have the option to select from the following popular dependencies:

  • express: Web framework for Node.js.
  • mongoose: MongoDB object modeling for Node.js.
  • dotenv: Loads environment variables from .env files.
  • cors: Enables Cross-Origin Resource Sharing (CORS) for your backend.
  • bcrypt: Library for password hashing.
  • jsonwebtoken: JSON Web Tokens for authentication.
  • nodemon: Automatically restarts your server during development.

Commands 📜

| Command | Description | |----------------------------------|------------------------------------------------------| | init:frontend <projectName> | Initialize a frontend project with React and Vite. | | init:backend <projectName> | Initialize a backend project with Node.js and Express. | | init <projectName> | Initialize a full-stack project (frontend + backend). |


Example Workflow ⚙️

  1. Initialize a Full-Stack Project:

    create-stackx init my-fullstack-app
  2. Select Backend Dependencies: When prompted, select the backend dependencies you need (e.g., Express, Mongoose, etc.).

  3. Run your Frontend and Backend: After installation, go into each directory and run the appropriate commands:

    • For the frontend: npm run dev
    • For the backend: npm start

Contributing 🤝

Feel free to open issues, fork the repository, or submit pull requests. Contributions are always welcome!

To contribute:

  1. Fork the repository.
  2. Create a new branch.
  3. Make your changes.
  4. Submit a pull request.

License 📄

MIT License. See the LICENSE file for more details.


Contact 📧

For any questions, feel free to reach out to: