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 🙏

© 2024 – Pkg Stats / Ryan Hefner

ccloudy

v1.0.1

Published

template

Downloads

4

Readme

TLDR / What is it?

A script to provision a new app on a cloud server

Why?

No more fiddling around with nginx or files. The create script punts out a skeleton express app and configures nginx for you, the deploy script pushes up your server.js and your dist folder. This means its easily integrated with a react app, once you've bundle everything to the dist folder, all thats needed is the server.js and the dist folder.

I felt there was a gap between creating a production build and deploying to a non PAAS environment. Especially when it comes to handling static assets

How do I run it?

To create an app called postcard, running as subdomain at io37.ch

npm create postcard.io37.ch

This will create a skeleton react/node/nginx app available at https://postcard.io37.ch and add the name to config.env

./bin/deploy.sh

Deploy script to push to name of app contained in config.env

What does it do?

create.sh

  1. creates an nginx file for your app, with app name (eg cadiz) and port set
  2. creates a directory for your app, and uploads the template server.js file, and a dist folder with an index.html inside
  3. install express
  4. starts your app with pm2
  5. reloads nginx

app should be visible at your url

deploy.sh

  1. rsyncs your server.js and dist folder, from eg something bundled with react. you can add this to a package.json like
deploy: './bin/deploy.sh'

Requirements

  1. CentOS on your cloud server, though I'll add in a Debian/Ubuntu version too
  2. Nginx installed and running on cloud server.
  3. PM2 installed and running on cloud server. Though this could be replaced with something like forever.
  4. LetsEncrypt installed on cloud server. Comment the letsencrypt lines if you don't have that

What doesn't it do?

  1. Sets up nginx or pm2 for you. Really this is intended for my working environment, but shouldnt be too difficult to modify for other environments

Example

See example directory for structuring of app

TODO

  • [ ] Clean up script to remove template files
  • [√] Edits package.json with name of app