docs(website): add quickstart

Author: christianalfoni

packages/overmind-website/examples/guide/quickstart/install.ts

@@ -0,0 +1,11 @@
+import { getPackageWithVersion } from '../../templates'
+
+export default (_, view) => [
+  {
+    code: `
+npm install ${getPackageWithVersion('overmind')} ${getPackageWithVersion(
+      'overmind-devtools'
+    )}
+`,
+  },
+]

packages/overmind-website/examples/guide/quickstart/install_devtools.ts

@@ -0,0 +1,21 @@
+import { getPackageWithVersion } from '../../templates'
+
+export default (_, view) => [
+  {
+    code: `
+npm install concurrently
+`,
+  },
+  {
+    fileName: 'package.json',
+    code: `
+{
+  ...
+  "scripts": {
+    "start": "concurrently \\"overmind-devtools\\" \\"someBuildTool\\""
+  },
+  ...
+}    
+`,
+  },
+]

packages/overmind-website/examples/guide/quickstart/simple_app.ts

@@ -0,0 +1,66 @@
+import { tsSimpleAppIndex } from '../../templates'
+
+export default (ts) =>
+  ts
+    ? [
+        {
+          fileName: 'overmind/state.ts',
+          code: `
+type State = {
+  title: string
+}
+
+export const state: State = {
+  title: 'My App'
+}
+`,
+        },
+        {
+          fileName: 'overmind/index.ts',
+          code: tsSimpleAppIndex(`
+import { state } from './state'
+
+export const config = {
+  state
+}
+`),
+        },
+        {
+          fileName: 'index.ts',
+          code: `
+import { createOvermind } from 'overmind'
+import { config } from './overmind'
+
+const overmind = createOvermind(config)
+`,
+        },
+      ]
+    : [
+        {
+          fileName: 'overmind/state.js',
+          code: `
+export const state = {
+  title: 'My App'
+}
+`,
+        },
+        {
+          fileName: 'overmind/index.js',
+          code: `
+import { state } from './state'
+
+export const config = {
+  state
+}
+`,
+        },
+        {
+          fileName: 'index.js',
+          code: `
+import { createOvermind } from 'overmind'
+import { config } from './overmind'
+
+const overmind = createOvermind(config)
+`,
+        },
+      ]

packages/overmind-website/guides/beginner/01_quickstart.md

@@ -0,0 +1,21 @@
+# Quickstart
+
+From the command line install the Overmind package and the devtools:
+
+```marksy
+h(Example, { name: "guide/quickstart/install" })
+```
+
+It is highly recommended to install the package [concurrently](https://www.npmjs.com/package/concurrently). It allows you to start the devtools as you start your build process:
+
+```marksy
+h(Example, { name: "guide/quickstart/install_devtools" })
+```
+
+Now set up a simple application like this and you are off to the races!
+
+```marksy
+h(Example, { name: "guide/quickstart/simple_app" })
+```
+
+When you now fire up your application the devtools should show the state. To get going with your app please follow the next guides.