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

create-react-rover

v1.1.2

Published

bootstrapper CLI for React App with basic conf for Caprover deployment.

Downloads

3

Readme

CREATE-REACT-ROVER

bootstrapper CLI for React App with basic conf for Caprover deployment.

It uses Parcel as bundler

Getting started

You can install it globally OR use npx instead

npx create-react-rover my-fresh-app

cd my-fresh-app

npm run dev

After each push to master, GitHub Action will build the app and pushing it to a production branch.

BUT actually, it doesn't create the Caprover config files on that branch, you have to do it on your own, following this :

# Create your GitHub repo and link it...
git push -u origin master

# Wait for the action to perform and create production branch
git fetch --all

git checkout production

# copy Dockerfile, captain-definition and default.conf from master branch

git add Dockerfile captain-definition default.conf
git commit -m "youhou, basic config added !"
git push -u origin production

Then setup your Caprover app

Extra dependencies

You can add some extra dependencies during the install prompt.

Currently, only the react-router one provides template files with it !

GitHub Actions

The template project use GitHub Actions for two things:

  • Running ESLint on Pull Request on master and dev
  • Building the app and push it to a production branch once code is merged on master

If you do not want to use the production branch with the build action, to let your Caprover instance building it, you can delete the build.yml file and replace original Dockerfile with this one :

(This one just add an automatic build command)

# build environment
FROM node:12 as builder
RUN mkdir /usr/src/app
WORKDIR /usr/src/app
ENV PATH /usr/src/app/node_modules/.bin:$PATH
COPY . /usr/src/app
RUN npm install
RUN npm run build

# production environment
FROM nginx:1.13.9-alpine
RUN rm -rf /etc/nginx/conf.d
RUN mkdir -p /etc/nginx/conf.d
COPY ./default.conf /etc/nginx/conf.d/
COPY --from=builder /usr/src/app/dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]