Initial commit

Author: dimensi

README.md

@@ -1,2 +1,44 @@
-# next-lingui
-Created with CodeSandbox
+[![Deploy to now](https://deploy.now.sh/static/button.svg)](https://deploy.now.sh/?repo=https://github.com/zeit/next.js/tree/master/examples/hello-world)
+
+# Hello World example
+
+## How to use
+
+### Using `create-next-app`
+
+Execute [`create-next-app`](https://github.com/segmentio/create-next-app) with [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) or [npx](https://github.com/zkat/npx#readme) to bootstrap the example:
+
+```bash
+npx create-next-app --example hello-world hello-world-app
+# or
+yarn create next-app --example hello-world hello-world-app
+```
+
+### Download manually
+
+Download the example:
+
+```bash
+curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/hello-world
+cd hello-world
+```
+
+Install it and run:
+
+```bash
+npm install
+npm run dev
+# or
+yarn
+yarn dev
+```
+
+Deploy it to the cloud with [now](https://zeit.co/now) ([download](https://zeit.co/download))
+
+```bash
+now
+```
+
+## The idea behind the example
+
+This example shows the most basic idea behind Next. We have 2 pages: `pages/index.js` and `pages/about.js`. The former responds to `/` requests and the latter to `/about`. Using `next/link` you can add hyperlinks between them with universal routing capabilities. The `day` directory shows that you can have subdirectories.

package.json

@@ -0,0 +1,15 @@
+{
+  "name": "hello-world",
+  "version": "1.0.0",
+  "scripts": {
+    "dev": "next",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "next": "latest",
+    "react": "16.8.2",
+    "react-dom": "^16.7.0"
+  },
+  "license": "ISC"
+}

pages/about.js

@@ -0,0 +1 @@
+export default () => <div>About us</div>

pages/day/index.js

@@ -0,0 +1 @@
+export default () => <div>Hello Day</div>

pages/index.js

@@ -0,0 +1,9 @@
+import Link from 'next/link'
+export default () => (
+  <div>
+    Hello World.{' '}
+    <Link href='/about'>
+      <a>About</a>
+    </Link>
+  </div>
+)