https://github.com/tknf/miujs

A Node.js framework for development of fast, simple, lightweight website.
https://github.com/tknf/miujs

framework html javascript nodejs nunjucks typescript website

Last synced: about 1 month ago
JSON representation

A Node.js framework for development of fast, simple, lightweight website.

• Host: GitHub
• URL: https://github.com/tknf/miujs
• Owner: tknf
• License: mit
• Created: 2022-04-22T18:34:06.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-30T13:28:07.000Z (about 2 years ago)
• Last Synced: 2024-09-26T20:46:00.909Z (about 2 months ago)
• Topics: framework, html, javascript, nodejs, nunjucks, typescript, website
• Language: TypeScript
• Homepage: https://www.miujs.com
• Size: 1010 KB
• Stars: 14
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# MiuJS Web Framework

A simple and minimal web framework using the JavaScript and Node.js.

Featuring:

- builtin server

- multiple deploy target

  - node

  - vercel

  - netlify

- scoped css

- live reload

- no dependencies in client bundle

- TypeScript support

## Getting Started

```bash

npx create-miu@latest

```

## Minimal example:

### Input

```js

// src/routes/index.js

import { render } from "miujs/node";

export const get = ({ createContent }) => {

  const html = createContent({

    layout: "default",

    sections: [

      { name: "index" }

    ],

    metadata: { title: "homepage" },

    data: {

      title: "My first website",

      content: "Thanks for visiting!"

    }

  });

  return render(html, {

    status: 200

  });

};

```

```html

  

    

    

    {{ metadata.title }}

    

  

  

    

    

    

  

```

```html

  .root:scope {

    display: block;

    width: 100%;

    position: relative;

    .title {

      margin-top: 0;

      font-size: 2.8rem;

    }

  }



  


    {{ data.title }}

  

  


    {{ data.description }}

  



```


## Documentation

Learn more about MiuJS on [our website](https://www.miujs.com).