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

react-ka-ching

v0.23.0

Published

This is the code to generate a NextJS React App using WordPress JSON API

Downloads

28

Readme

react-ka-ching

This is the code to generate a NextJS React App using WordPress JSON API

What does this do?

I have been working on creating a complete web CMS archetecture using the greatest technologies on the web today. This will spin up a new NextJS React App complete with tooling for VSCode. It will then create a Wordpress CMS instance to manage products, images, blogs and all other CMS related data.

The WordPress installation uses WooCommerce under the hood to manage products. The NextJS App uses the WP-JSON API to get the data it needs to display on the frontend.

Check out the WordPress code here.

Check out the NextJS code here.

See a complete working demo here.

This is working and needs more 💓

If you would like to use this to boostrap your architecture you might need my help as the documentation is still lacking. I'm working on ironing out the user experience for the developers, and will have documenation very soon.

If you need a helping hand, please schedual some time on my calendly.

This code is open source so if you can make it better, please open a PR!

Roe Greene

Running

To create a new app: npx react-ka-ching

To seed product data using the amazon affiliate api: npx react-ka-ching --seed

To skip questions and use default answers: npx react-ka-ching--skip

TODO

[] create function to map values to client package.json

[] create function to map wordpress envs in wp-config.php

[] create function to setup wordpress with initial data (plugins etc)

[] create function to deploy to production using aws and vercel

[] add ability to pause, delete and rerun seeds

[] Update wordpress

[] Set localhost to http://localhost:80 in the admin wp url

[] Make sure to set permalinks to the last option in the wp settings

[] Update the git url for IAGMFT (move to new repo change name/readme of project to react-ka-ching-next)

[] Merge server and client into 1 mono project with package json at the root

[] Remove todo section of IAGMFT project

[] Add docker tags to build commands so server doesnt keep having conflicts

[] Add env.example file so it doesnt get ignored

[] Name folders from client to project-name-client and project-name-server

[] Give option to not have wordpress and use express server instead

[] Map tokens to readme to autofill values in client server readmes

[] Delete the .git folder after pulling each repository

[] Run commands to automatically setup repostory if url is provided

git init
git remote add origin <repoURL>
git pull origin main
git add .
git commit -m "initial commit"
git push -u origin main