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

generator-theodo-stack

v1.0.1

Published

Generates a Ansible + PHP/Node +/React-Redux application

Readme

Theodo stack generator

This generator scripts everything you need to start a React-Redux project with an API Platform (Symfony) server.

Objective: launch a project in 2 hours - make an issue if you don't succeed !

Choose a server

  • No server at all, you want an awesome frontend.

  • Api platform with:

    • Ansible provisioning for:
      • PHP7
      • Yarn
      • Nginx
      • Creating www-data user
      • Postgresql database
      • HTTPS configuration
    • Capistrano deployment script

Choose a client

  • React-Redux: A boosted create-react-app with
    • Redux
    • Redux-saga
    • Hot-reloading
    • React-intl with nested translations files!
    • React-router 4 for creating multiples pages
    • Examples of unit and snapshot tests
    • Eslint with airbnb linter
    • Flow
    • Prettier
    • Plop scripts to generate React components

What's next

  • End-to-end tests
  • Authentication
  • Vault ansible files to be able to commit them.

Prerequisites

You need to install:

If you want a server with the provisioning and the deployment scripts:

Installation

Install the generator

  • Install nvm: curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash

  • Install node 8.4:

    • nvm install 8.4.0
    • nvm alias default 8.4
    • nvm use default
  • Install Yeoman globally: npm install -g yo

  • Install the package:

nvm use 8.4.0
git clone [email protected]:theodo/theodo-stack-generator.git
cd theodo-stack-generator && yarn && npm link && cd ../

Usage

  • Create an empty directory and run the generator:
nvm use 8.4.0
mkdir my-app && cd my-app
yo theodo-stack my-app
  • Clean your NODE_PATH and Launch your React app in the client folder:
unset NODE_PATH
yarn start

For the client, you may need to source the .env file (source .env) if you want to use absolute PATH. Also see: this issue on create-react-app repository

Update the generator

You only need to pull the latest changes from your theodo-stack-directory. npm link created a symlink to your installation so it is automatic.

  • From the theodo-stack-generator directory
git pull

Contributing to the generator

Administrators: [email protected], [email protected], [email protected], [email protected]

This generator can be improved in many ways, PR are welcome! here !

  • To install it and use it locally, follow the previous documentation.
  • When you make a change to the generator in local, you can use it immediatly with your changes
  • How to develop ?
    • Change the code
    • Generate a new project
    • See if your new project works
  • To merge a PR it must have been approved by one of the administrators