[update] remove docker and update code

project/components/Detail.js → components/Detail.js

@@ -1,15 +1,10 @@
-import React from 'react';
 import Markdown from '@platzi/react-markdown';
 
-
 function Detail(props) {
   return (
     <section>
       <article>
-        <Markdown
-          id="markdown"
-          content={props.content}
-        />
+        <Markdown id="markdown" content={props.content} />
         <a href={`https://github.com/PlatziDev/${props.name}`} target="_blank">
           <i className="fa fa-github" />
         </a>
@@ -57,5 +52,4 @@ function Detail(props) {
   );
 }
 
-
 export default Detail;

project/components/Repository.js → components/Repository.js

@@ -1,21 +1,18 @@
-import React from 'react';
 import Link from 'next/link';
 
-
 function Repository(props) {
   return (
     <article className="row">
       <h2 className="col-xs-12 col-sm-4 col-md-3">
         <Link
+          prefetch
           href={{
             pathname: '/repo',
             query: {
               name: props.name,
             },
           }}
           as={`/repo/${props.name}`}
-          target="_blank"
-          rel="nofollow"
         >
           <a>{props.name}</a>
         </Link>
@@ -76,8 +73,7 @@ function Repository(props) {
         }
       `}</style>
     </article>
-  )
+  );
 }
 
-
 export default Repository;

project/components/RepositoryList.js → components/RepositoryList.js

@@ -1,15 +1,13 @@
 import Repository from './Repository';
 
-
 function RepositoryList(props) {
   return (
     <section id="repos">
       {props.list
         .sortBy(repo => repo.stargazers_count)
         .reverse()
         .map(repo => <Repository {...repo} key={repo.id} />)
-        .toArray()
-      }
+        .toArray()}
       <style jsx>{`
         section {
           margin: 0 auto 2rem;
@@ -20,5 +18,4 @@ function RepositoryList(props) {
   );
 }
 
-
 export default RepositoryList;

project/constants.js → constants.js

@@ -3,6 +3,4 @@ exports.NODE_ENV = process.env.NODE_ENV || 'development'; // the app enviroment
 exports.PORT = process.env.PORT || '3000'; // the docker port
 exports.HOST = process.env.HOST || 'localhost'; // the docker host
 
-exports.P_PROT = process.env.P_PROT || 'http'; // the public protocol
-exports.P_HOST = process.env.P_HOST || 'localhost'; // the public host
-exports.P_PORT = process.env.P_PORT || '3000'; // the public port
+exports.URL = process.env.URL || 'http://localhost:3000'; // the public url

now.json

@@ -0,0 +1,11 @@
+{
+  "name": "platzi-oss",
+  "alias": "platzi-oss.now.sh",
+  "env": {
+    "NODE_ENV": "production",
+    "PORT": "3000",
+    "HOST": "localhost",
+    "URL": "https://oss.platzi.com"
+  },
+  "type": "npm"
+}

package.json

@@ -4,10 +4,9 @@
   "description": "The Platzi Open Source Software published packages.",
   "main": "server.js",
   "scripts": {
+    "dev": "node .",
     "build": "next build",
-    "start": "cd ./project && node ./server.js",
-    "prestart:prod": "npm run build",
-    "start:prod": "NODE_ENV=production PORT=8000 HOST=0.0.0.0 P_PROT=https P_HOST=oss.platzi.com P_PORT=80 node server.js"
+    "start": "node ."
   },
   "repository": {
     "type": "git",
@@ -24,6 +23,7 @@
   "bugs": {
     "url": "https://github.com/PlatziDev/oss/issues"
   },
+  "private": true,
   "homepage": "https://oss.platzi.com/",
   "dependencies": {
     "@platzi/react-markdown": "1.0.2",
@@ -32,8 +32,11 @@
     "immutable": "3.8.1",
     "isomorphic-fetch": "2.2.1",
     "lru-cache": "4.0.2",
-    "next": "beta",
+    "next": "^2.3.1",
     "react": "^15.4.2",
     "react-dom": "^15.4.2"
+  },
+  "devDependencies": {
+    "nodemon": "^1.11.0"
   }
 }

project/pages/_document.js → pages/_document.js

@@ -57,5 +57,4 @@ class PlatziOSS extends Document {
   }
 }
 
-
 export default PlatziOSS;

project/pages/index.js → pages/index.js

@@ -1,16 +1,16 @@
 import Head from 'next/head';
 import Link from 'next/link';
-import React, { Component } from 'react';
+import { Component } from 'react';
 import { List as list } from 'immutable';
 import 'isomorphic-fetch';
 
 import RepositoryList from '../components/RepositoryList';
 
-import { P_PROT, P_HOST, P_PORT } from '../constants';
+import { URL } from '../constants';
 
 class Home extends Component {
   static async getInitialProps() {
-    const response = await fetch(`${P_PROT}://${P_HOST}:${P_PORT}/api/repos`);
+    const response = await fetch(`${URL}/api/repos`);
     const repos = await response.json();
     return { repos };
   }

project/pages/repo.js → pages/repo.js

@@ -1,16 +1,16 @@
 import Head from 'next/head';
-import Link from 'next/prefetch';
-import React, { Component } from 'react';
+import Link from 'next/link';
+import { Component } from 'react';
 import { atob } from 'abab';
 import 'isomorphic-fetch';
 
 import Detail from '../components/Detail';
 
-import { P_PROT, P_HOST, P_PORT } from '../constants';
+import { URL } from '../constants';
 
 class Repo extends Component {
   static async getInitialProps(context) {
-    const response = await fetch(`${P_PROT}://${P_HOST}:${P_PORT}/api/repos/${context.query.name}`);
+    const response = await fetch(`${URL}/api/repos/${context.query.name}`);
     const { content } = await response.json();
     return { content, name: context.query.name };
   }
@@ -28,7 +28,7 @@ class Repo extends Component {
 
         <header>
           <figure>
-            <Link href="/">
+            <Link href="/" prefetch>
               <img alt="Platzi" src="/static/logo.svg" height="72" width="230" />
             </Link>
           </figure>

project/server.js → server.js

@@ -120,7 +120,6 @@ app.prepare()
 
   /**
    * Render the list of repos (if is not dev use cache)
-   * @type {[type]}
    */
   server.get('/', (req, res) => {
     const params = Object.assign(req.query, req.params);