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

romulus

v0.1.1

Published

Building static empires with node.js.

Downloads

9

Readme

romulus

Building static empires with node.js.

Install: [sudo] npm install -g romulus

Features

Romlus is a static site generator (like jekyll) featuring:

  • a clear folder convention
  • ejs template processing
  • generating css from less files
  • a local development server acting like github pages

Planned:

  • romulus deploy for github pages deployment
  • page scripts that run before rendering
  • github flavored markdown
  • blogging

You should use romulus if you want a simple tool for creating static github pages with node.js.

Creating a static page

Create a new directory, and inside this directory create the folder structure below:

Note: Only the pages folder is required, the other folders are optional.

/pages
/layouts
/public

Now create a file called pages/index.html and put some HTML into it:

<p>Hello World</p>

Run this to generate your static site:

$ romlus my-site

You should now see a new folder called my-site containing your index.html page exactly as you wrote it.

Alternatively you could run the local development server at http://localhost:8080/ by typing this:

$ romulus

Layouts

In order to make this more interesting, let's say you want to wrap your new page in a fancy layout. To do this you need to change you pages/index.html file like this:

<% this.layout = 'default' %>
<p>Hello World</p>

Now you need to create the layout itself, so add a file called layouts/default.html:

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>My static empire</title>

    <link rel="stylesheet" type="text/css" href="/css/main.css" />
    <script src="/js/main.js"></script>
  </head>
  <body>
    <h1>My Header</h1>
    <%- page %>
  </body>
</html>

That's it, you should now see your page being rendered inside your template!

Generating css from less files

Now that you have this wonderful site, you probably want to style it. To do so, create a file called public/css/main.css:

body{
  h1{
    color: #0080FF;
  }
}

Sweet, your headline is now featuring my favorite color!

Static file support

Any file placed in the public folder will be included at the top level of the build output folder. The local development server also supports serving them.

Page scripts

work in progress ...

Deploying to github pages

work in progress ...

License

MIT License.