open-index/open-npm huggingface dataset:
npm package: @microserv/app-next
Description: ```shell yarn add @microserv/core @microserv/app-next ```
Author: iamvishnusankar
Latest version: 1.0.16

---
title: '@microserv/app-next'
custom_edit_url: https://github.com/iamvishnusankar/microserv/edit/master/packages/app-next/README.md
---

Working demo can be found here : [Hello World NextJS](https://github.com/iamvishnusankar/microserv/tree/master/examples/hello-world-nextjs)

## Installation

```shell
yarn add @microserv/core @microserv/app-next
```

Install type definitions.

```shell
yarn add @types/react @types/react-dom -D
```

## Add Scripts

```json title="<root>/package.json"
{
  "dev": "microserv develop",
  "start": "NODE_ENV=production microserv start",
  "build": "NODE_ENV=production microserv build"
}
```

## Create Entry File

```ts title="<root>/src/index.ts"
import { MicroServ } from '@microserv/core'
import { NextApp } from '@microserv/app-next'

export default new MicroServ({
  apps: [
    new NextApp({
      dir: 'app' /** Directory of nextjs app**
    })
  ]
})
```

## NextJS config

Create a folder named `app` and add `next.config.js` with the following content.

```js title="<root>/app/next.config.js"
module.exports = {
  distDir: '../build/www'
}
```

## NextJS Index Page

```tsx title="<root>/app/pages/index.tsx"
import React from 'react'

const HomePage: React.FC = () => {
  return (
    <div>
      <h1>✅ Hello World NextJS ✨</h1>
    </div>
  )
}

export default HomePage
```

## Run App

```shell title="<root>/package.json"
yarn dev
```

The app will be running at `http://localhost:3000`.
npm package: @microservice-framework/vue-api-client
Description: vue3 $api responsive mfw client
Author: Gormartsen
Latest version: 3.0.0

# vue-api-client
Vue.$api that is capable to be watched and provide wrapper to access MFW API


# usage

```
import APICLient from "@microservice-framework/vue-api-client";

// Init global this.$state variable
Vue.use(APICLient, {
  apiURL: "https://api.myserver.com",
  methods: [
    {
      name: "printSelf",
      function: function () {
        console.log(this);
      },
    }
  ]
});

....


this.$api.setAccessToken({
        accessToken: "APIAccessToken",
        expireAt: -1,
      });

...

watch: {
  '$api.online': function(newValue) {
    if(newValue) {
      //fetch data from API
    }
  }
}
```