{"_id":"@2fn/dashboard","_rev":"1-c694e2028557c5bca13cc89a584fd61a","name":"@2fn/dashboard","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@2fn/dashboard","version":"1.0.0","main":"./package.json","scripts":{"dev":"next","build":"next build","start":"next start"},"dependencies":{"@zeit-ui/style":"^0.9.4","next":"^9.4.2","react":"^16.13.1","react-dom":"^16.13.1"},"devDependencies":{"@types/react":"^16.9.35","typescript":"^3.9.3"},"description":"This project was bootstrapped with [Create Next App](https://github.com/segmentio/create-next-app).","_id":"@2fn/dashboard@1.0.0","_nodeVersion":"10.16.3","_npmVersion":"6.9.0","_npmUser":{"name":"yairhaimo","email":"yair.haimo@gmail.com"},"dist":{"integrity":"sha512-nHqp6vY6PMmwWwi3ZEecRiQSHHAsuV016tfDHAJXsgIkj7MidiHFT2CgW+VVGNgzfufh1rvbnmuaFUlnl4jVLQ==","shasum":"4744683eb4f0fd3a26857e0fbf06681cc7fc05e5","tarball":"https://registry.npmjs.org/@2fn/dashboard/-/dashboard-1.0.0.tgz","fileCount":14,"unpackedSize":26381,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJex8YPCRA9TVsSAnZWagAAn0sP/0ajMEcUKk32mcfYoBrN\n9xLbLcMwAKLGzZ5is/kHQ4TNMQ946mR856RHWKkQVouvSYI45vysYsXEinxa\nJBURzWjhvDOdekGyhE47iQojL+ttPrNmmkGdbTBJy3SqixHGawiJ8FoEEG+M\nvyy8xlzqBtwQfeOZ1pV1wvdctxtqo9j7BVwYrHV0lg1OTAlS4nGhToqv+IiH\nhlTwanAs+CYO6sWNpGnf1s2Qbv9TU/TXIj/Tcajwc/QpcSFwT59C14MN/uj+\nxJTeUJxj/BJkfrZdic9vf9vk3hhhEE2muG+P2gMLQ2txuiypvxdar3I415aT\n2wAuTQ3XfPM5Pfb+DUnfl1VTaEcGcsJcwYo+tJ6d/tF8BDcDYBTdXnhF0o20\n3IYUkJWhqNEDDszJBSvL8Bv3Ww2smo4wJLtObV1QSKv7m9n3iJxCYwKjx9t6\nDONo8MyHcuJuMsL+tNLqQPG0x/xtA9MGg+eFq7vSlWl6yp7vPGl98BbQIPfN\nOxd/ILERf4US+kfI0w6YUMasYi1Ak2HGk11I+w42RY6ds5BwYWmAXoAKs7GR\ndW11TeRE3uhj7xk92eCuo9k0QrMxsa55sVeznRw1CfAsur8DOVp7lqLpytmO\nnagpRikg/cxwkATTNyVWlHsQ3uUHKwym4yB3axOQSB9GRyQr9UN52iw6yUNJ\n4+qX\r\n=Rdtt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEkERaXJusagUGLpwr1UKhazz6QGz+aPgsF5V51moJXhAiEA45UuO2ifOFqCAu6Y/np/MIaruHkTtn7cP87LH89gY9w="}]},"maintainers":[{"name":"yairhaimo","email":"yair.haimo@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/dashboard_1.0.0_1590150670634_0.0570846186625138"},"_hasShrinkwrap":false}},"time":{"created":"2020-05-22T12:31:10.383Z","1.0.0":"2020-05-22T12:31:10.781Z","modified":"2022-04-04T10:42:12.535Z"},"maintainers":[{"name":"yairhaimo","email":"yair.haimo@gmail.com"}],"description":"This project was bootstrapped with [Create Next App](https://github.com/segmentio/create-next-app).","readme":"This project was bootstrapped with [Create Next App](https://github.com/segmentio/create-next-app).\n\nFind the most recent version of this guide at [here](https://github.com/segmentio/create-next-app/blob/master/lib/templates/default/README.md). And check out [Next.js repo](https://github.com/zeit/next.js) for the most up-to-date info.\n\n## Table of Contents\n\n- [Questions? Feedback?](#questions-feedback)\n- [Folder Structure](#folder-structure)\n- [Available Scripts](#available-scripts)\n  - [npm run dev](#npm-run-dev)\n  - [npm run build](#npm-run-build)\n  - [npm run start](#npm-run-start)\n- [Using CSS](#using-css)\n- [Adding Components](#adding-components)\n- [Fetching Data](#fetching-data)\n- [Custom Server](#custom-server)\n- [Syntax Highlighting](#syntax-highlighting)\n- [Using the `static` Folder](#using-the-static-folder)\n- [Deploy to Now](#deploy-to-now)\n- [Something Missing?](#something-missing)\n\n## Questions? Feedback?\n\nCheck out [Next.js FAQ & docs](https://github.com/zeit/next.js#faq) or [let us know](https://github.com/segmentio/create-next-app/issues) your feedback.\n\n## Folder Structure\n\nAfter creating an app, it should look something like:\n\n```\n.\n├── README.md\n├── components\n│   ├── head.js\n│   └── nav.js\n├── next.config.js\n├── node_modules\n│   ├── [...]\n├── package.json\n├── pages\n│   └── index.js\n├── static\n│   └── favicon.ico\n└── yarn.lock\n```\n\nRouting in Next.js is based on the file system, so `./pages/index.js` maps to the `/` route and\n`./pages/about.js` would map to `/about`.\n\nThe `./static` directory maps to `/static` in the `next` server, so you can put all your\nother static resources like images or compiled CSS in there.\n\nOut of the box, we get:\n\n- Automatic transpilation and bundling (with webpack and babel)\n- Hot code reloading\n- Server rendering and indexing of `./pages`\n- Static file serving. `./static/` is mapped to `/static/`\n\nRead more about [Next's Routing](https://github.com/zeit/next.js#routing)\n\n## Available Scripts\n\nIn the project directory, you can run:\n\n### `npm run dev`\n\nRuns the app in the development mode.<br>\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\nThe page will reload if you make edits.<br>\nYou will also see any errors in the console.\n\n### `npm run build`\n\nBuilds the app for production to the `.next` folder.<br>\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\n### `npm run start`\n\nStarts the application in production mode.\nThe application should be compiled with \\`next build\\` first.\n\nSee the section in Next docs about [deployment](https://github.com/zeit/next.js/wiki/Deployment) for more information.\n\n## Using CSS\n\n[`styled-jsx`](https://github.com/zeit/styled-jsx) is bundled with next to provide support for isolated scoped CSS. The aim is to support \"shadow CSS\" resembling of Web Components, which unfortunately [do not support server-rendering and are JS-only](https://github.com/w3c/webcomponents/issues/71).\n\n```jsx\nexport default () => (\n  <div>\n    Hello world\n    <p>scoped!</p>\n    <style jsx>{`\n      p {\n        color: blue;\n      }\n      div {\n        background: red;\n      }\n      @media (max-width: 600px) {\n        div {\n          background: blue;\n        }\n      }\n    `}</style>\n  </div>\n)\n```\n\nRead more about [Next's CSS features](https://github.com/zeit/next.js#css).\n\n## Adding Components\n\nWe recommend keeping React components in `./components` and they should look like:\n\n### `./components/simple.js`\n\n```jsx\nconst Simple = () => <div>Simple Component</div>\n\nexport default Simple // don't forget to export default!\n```\n\n### `./components/complex.js`\n\n```jsx\nimport { Component } from 'react'\n\nclass Complex extends Component {\n  state = {\n    text: 'World'\n  }\n\n  render() {\n    const { text } = this.state\n    return <div>Hello {text}</div>\n  }\n}\n\nexport default Complex // don't forget to export default!\n```\n\n## Fetching Data\n\nYou can fetch data in `pages` components using `getInitialProps` like this:\n\n### `./pages/stars.js`\n\n```jsx\nconst Page = props => <div>Next stars: {props.stars}</div>\n\nPage.getInitialProps = async ({ req }) => {\n  const res = await fetch('https://api.github.com/repos/zeit/next.js')\n  const json = await res.json()\n  const stars = json.stargazers_count\n  return { stars }\n}\n\nexport default Page\n```\n\nFor the initial page load, `getInitialProps` will execute on the server only. `getInitialProps` will only be executed on the client when navigating to a different route via the `Link` component or using the routing APIs.\n\n_Note: `getInitialProps` can **not** be used in children components. Only in `pages`._\n\nRead more about [fetching data and the component lifecycle](https://github.com/zeit/next.js#fetching-data-and-component-lifecycle)\n\n## Custom Server\n\nWant to start a new app with a custom server? Run `create-next-app --example customer-server custom-app`\n\nTypically you start your next server with `next start`. It's possible, however, to start a server 100% programmatically in order to customize routes, use route patterns, etc\n\nThis example makes `/a` resolve to `./pages/b`, and `/b` resolve to `./pages/a`:\n\n```jsx\nconst { createServer } = require('http')\nconst { parse } = require('url')\nconst next = require('next')\n\nconst dev = process.env.NODE_ENV !== 'production'\nconst app = next({ dev })\nconst handle = app.getRequestHandler()\n\napp.prepare().then(() => {\n  createServer((req, res) => {\n    // Be sure to pass `true` as the second argument to `url.parse`.\n    // This tells it to parse the query portion of the URL.\n    const parsedUrl = parse(req.url, true)\n    const { pathname, query } = parsedUrl\n\n    if (pathname === '/a') {\n      app.render(req, res, '/b', query)\n    } else if (pathname === '/b') {\n      app.render(req, res, '/a', query)\n    } else {\n      handle(req, res, parsedUrl)\n    }\n  }).listen(3000, err => {\n    if (err) throw err\n    console.log('> Ready on http://localhost:3000')\n  })\n})\n```\n\nThen, change your `start` script to `NODE_ENV=production node server.js`.\n\nRead more about [custom server and routing](https://github.com/zeit/next.js#custom-server-and-routing)\n\n## Syntax Highlighting\n\nTo configure the syntax highlighting in your favorite text editor, head to the [relevant Babel documentation page](https://babeljs.io/docs/editors) and follow the instructions. Some of the most popular editors are covered.\n\n## Deploy to Now\n\n[now](https://zeit.co/now) offers a zero-configuration single-command deployment.\n\n1.  Install the `now` command-line tool either via the recommended [desktop tool](https://zeit.co/download) or via node with `npm install -g now`.\n\n2.  Run `now` from your project directory. You will see a **now.sh** URL in your output like this:\n\n    ```\n    > Ready! https://your-project-dirname-tpspyhtdtk.now.sh (copied to clipboard)\n    ```\n\n    Paste that URL into your browser when the build is complete, and you will see your deployed app.\n\nYou can find more details about [`now` here](https://zeit.co/now).\n\n## Something Missing?\n\nIf you have ideas for how we could improve this readme or the project in general, [let us know](https://github.com/segmentio/create-next-app/issues) or [contribute some!](https://github.com/segmentio/create-next-app/edit/master/lib/templates/default/README.md)\n","readmeFilename":"README.md"}