Add quickstart to readme and /docs link to site

Daniel15 · Daniel15 · commit e62af07aa6b9 · 2014-04-04T09:36:25.000-07:00
diff --git a/README.md b/README.md
@@ -1,12 +1,8 @@
-ReactJS.NET
+[ReactJS.NET](http://reactjs.net/)
 ===========
 ReactJS.NET is a library that makes it easier to use Facebook's
 [React](http://facebook.github.io/react/) and
-[JSX](http://facebook.github.io/react/docs/jsx-in-depth.html) from C#. To get
-started, [take a look at the documentation](http://reactjs.net/getting-started/getting-started.html).
-
-**It is currently under development and there is no stable release at the moment.
-Coming soon!**
+[JSX](http://facebook.github.io/react/docs/jsx-in-depth.html) from C#.
 
 Features
 ========
@@ -18,6 +14,36 @@ Features
  * [Server-side component rendering](http://reactjs.net/guides/server-side-rendering.html)
    to make your initial render super-fast (experimental!)
 
+Quick Start
+===========
+Install the package
+```
+Install-Package React.Mvc4
+```
+
+Create JSX files
+```javascript
+// /Scripts/HelloWorld.jsx
+/** @jsx React.DOM */
+var HelloWorld = React.createClass({
+    render: function () {
+        return (
+            <div>Hello {this.props.name}</div>
+        );
+    }
+});
+```
+
+Reference the JSX files from your HTML
+```html
+<script src="@Url.Content("~/Scripts/HelloWorld.jsx")"></script>
+```
+
+Now you can use the `HelloWorld` component.
+
+For information on more advanced topics (including precompilation and
+server-side rendering), check out [the documentation](http://reactjs.net/docs)
+
 Licence
 =======
 BSD License for ReactJS.NET
diff --git a/site/nginx.conf b/site/nginx.conf
@@ -5,6 +5,7 @@ server {
 
 	# Shortcuts
 	rewrite ^/download$ /getting-started/download.html redirect;
+	rewrite ^/docs$ /getting-started/download.html redirect;
 
 	rewrite ^/packages/$ /packages/index.php;
 	rewrite ^/packages/\$metadata$ /packages/metadata.xml;
diff --git a/site/public/index.htm b/site/public/index.htm
@@ -13,11 +13,28 @@
 		font-size: 4em;
 		margin: 0;
 	}
+	h2 {
+		margin: 0;
+		padding: 0;
+	}
+	a, a:visited {
+		color: yellow;
+		text-decoration: none;
+	}
+	a:hover {
+		text-decoration: underline;
+	}
 	</style>
 </head>
 <body>
 	<img src="http://facebook.github.io/react/img/logo_og.png" alt="React logo" width="300" height="300" />
 	<h1>ReactJS.NET</h1>
-	<p>Coming soon!</p>
+	<h2>Use React and JSX from C# / .NET</h2>
+	<p>
+		<a href="/docs">Docs</a> &middot;
+		<a href="/download">Download</a> &middot;
+		<a href="http://github.com/ReactJS/React.NET">GitHub</a>
+	</p>
+	<p>Site coming soon!</p>
 </body>
 </html>
