Skip to content

Latest commit

 

History

History
92 lines (65 loc) · 1.68 KB

README.md

File metadata and controls

92 lines (65 loc) · 1.68 KB
Raw

SupernovaJS · Build Status

The SSR Microframework

Write a ssr high performance app with vanilla js and pure HTML.

Get Started

Download and install Supernova

npm i -g @supernovajs/core

Create your project

supernova create my-app

Run your project

cd my-app && npm run dev

Code examples

pages/hello/index.js

You have an async default exported function that returns an object with data property.

module.exports = async () => {
  return {
    data: {
      meet: "Hellow world!",
    }
  };
};

pages/hello/index.html

You can use data object from your index.js here to template your html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Supernova Hello World!</title>
    <link
      rel="stylesheet preload prefetch"
      type="text/css"
      as="style"
      href="/static/{{cssFileName}}"
    />
    {{#dev}}
    <script type="application/javascript" src="/static/{{clientScriptFileName}}" async></script>
    {{/dev}}
  </head>
  <body>
    <p class="meeting">{{meet}}</p>
  </body>
</html>

pages/hello/style.scss

.block {
  &__element {
    text-transform: capitalize;
    &--modifier {
      font-weight: bolder;
    }
  }
}

Pro tip: You can change npm start script to run supernova start --port=8000 to run in port 8000 for example.

CLI

Start a dev server with hot reload

npm run dev

Start a production ready server

npm start

Generate page

npm run generate-page <name>