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-new-site

v0.3.4-2

Published

Static Markdown Site Generator with a strong focus on client performance and flexibility

Downloads

7

Readme

create-new-site

Static Markdown Site Generator aiming to simplify the process of creating static websites built upon a strong principle on client performance and flexibility.

FAQ

How do I get started?

To begin, execute create-new-site. This will generate both a dev and production folder (do keep in mind the prod folder is intended for initial previews). Navigate to the development folder and make your changes. After completing your modifications, rerun the create-new-site command.

Can I change the location of the /dev/ and /prod/ folder?

Yes! Simply use --src (dev) and/or --dst (prod) to make your changes.

Is there a GitHub Workflow I can use for create-new-site?

Yes! You can find it here.

May I see a preview?

Sure!

License & Credits

License: This project is licensed under the MIT License.

Credits: The credits for this project can be found in the same MIT License.

Contribution & Support

If you have ideas for improvements, bug fixes, new features, or found a bug, please feel free to create issues or pull requests in this repository.

TODO:

Development Related

  • [x] Upload to NPM
  • [ ] Improve Error Managment
  • [x] Move to TypeScript
  • [ ] Testing Script

User Experience / Features

  • [ ] Beautify console logs
  • [ ] Automatically add /css/ into HTML
  • [ ] Sort NavBar by user choice
    • through config.yaml? through automtic sorting (home first 'n the rest whatever the computer decides)
  • [ ] Implement Blog Support
    • [ ] Compress Images
  • [ ] Subdirectory/Page Support