dashboard

Dashboard written for personal usage. Built with Next.js, React, styled-components and socket.io.

installation

1. Download or clone the repo.
2. Run yarn

usage

→ npm run
available via `npm run-script`:
  build
  dev
  lint
  format

custom widget

Create a new folder in widgets with a index.js file.

import Widget from '../../components/widget';

export default ({ text }) => (
  <Widget>
    <p>{text}</p>
  </Widget>
);

You can configure the width using width props with the same value as in grid-styled.

socket

Every widget can have a socket.io connection. Just create widgets/{name}/socket.js that exports a function that have one argument that is the socket instance.

module.exports = (socket) => {
};

license

MIT © Fredrik Forsmo