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-storefront

v9.0.0

Published

Build and deploy e-commerce progressive web apps (PWAs) in record time.

Downloads

1,837

Readme

React Storefront the framework to build and deploy lightning-fast eCommerce PWAs.

Free and open-source. Built with Next.js

version Branch stable Branch Develop Branch Develop

React Storefront (RSF) utilizes headless architecture allowing you to easily replace your legacy frontend and connect via APIs to any eCommerce platform or backend system. React Storefront extends Next.js to include everything you need for an eCommerce storefront. Try The Tie Bar, Akira, and 1-800-FLOWERS.COM on your phone to see how fast sites on RSF can be!

Ludicrous Speed

React Storefront goes the extra mile to squeeze speed out of every possible real and user-perceived performance optimization including:

  • High cache hit rates for dynamic data
  • Server Side Rendering
  • Automatic AMP creation
  • Predictive prefetching of dynamic data
  • Code splitting
  • Cache optimization
  • Client data reuse
  • Skeletons
  • and more

Bottom Line: RSF is built for speed!

A Different Approach

React Storefront takes a bold new approach that values developer productivity, so you can get more done in less time:

  • No config -- download and start coding
  • Opinionated framework that does the heavy lifting for you
  • Unified code base that uses isomorphic JavaScript across the server, client, and CDN
  • Generate AMP and PWA from a single code base
  • Automatically guides developers into performance best practices
  • Supports source maps for Chrome Debugger and Visual Studio Code

React Storefront is and always will be open-source. Anyone can use and support the project. The goal of RSF is to improve the online shopping experience for everyone.

Made to Sell

React Storefront is custom-built for eCommerce: It contains UI components and templates designed for eCommerce. It’s SEO and search engine friendly. In addition, React Storefront allows you to preserve your existing URL Scheme.

Built for Complex Sites

React Storefront scales from $10M to $1B+ revenue sites and is already powering leading enterprise eCommerce websites. The framework supports real-world migration of complex eCommerce sites to PWAs in incremental steps.

We are looking for Contributors and Designers willing to help us in the solution development.

Integrations

React Storefront can be easily integrated with any eCommerce platform via APIs.

Getting Started

To create a new React Storefront app, ensure node 10 or newer is installed and run:

npm create react-storefront@latest --yes (my-app-name)

Once your app has been created, you can start it in development mode by running:

cd (my-app-name)
npm run dev

Developer Docs

Development

If you like to contribute please feel free to Raise an issue with a bug or feature request report, or just open a Pull Request with the proposed changes.

Local development

After cloning the repo, run:

npm i

To use your local clone of react-storefront in projects, use yalc.

To publish react-storefront to your local yalc store:

yalc publish

Then run the following to push updated builds to yalc store on changes.

npm run watch

Finally, in your project run:

yalc add react-storefront

This will change your project's package.json to use a file path in the dependency entry for react-storefront. To revert this change, run:

yalc remove react-storefront # or yalc remove --all
npm i

Join the community on Slack

If you have any questions or ideas feel free to join our Slack: invitation link

Documentation

The documentation is always THE HARDEST PART of each open-source project! But we're trying hard :-) Full Guides, API Documentation, and Examples

React Storefront is and always will be open-source, released under Apache2 Licence.

Try it on the Layer0. Deploy it anywhere.

Like any Next.js project, React Storefront is deployable to any environment that runs Node.js. The easiest way to test drive and deploy React Storefront is on Layer0, a serverless PaaS that helps developers optimize speed across the entire stack to deliver sub-second dynamic websites. A free tier is available.

Partners

RSF was created by a group of eCommerce site, eCommerce agency, and eCommerce platform engineers.

Partners are encouraged to support the project in various ways - mostly by contributing to the source code, marketing activities, evangelizing and of course - implementing the production projects. We do support our partners by dedicated contact channels, workshops and by sharing the leads from merchants interested in implementations.

React Storefront logo and guidelines

The license

React Storefront source code is completely free and released under the Apache v2.0 License. Check LICENSE.md for more details.