Un simple blog

Iniciando un proyecto con Next.js

Averiguar versiones de Next.js

npm view next dist-tags
{ latest: '1.2.3', beta: '2.0.0-beta.19' }

Crear una carpeta para el proyecto, inicializar el proyecto JavaScript

mkdir blog-simple
cd blog-simple
npm init -y
npm install --save next@2.0.0-beta.19
npm install --save-dev babel-eslint standard

latest or 'beta' dist-tags may or may not be appropriate.

Es importante no instalar Next.js globalmente, sino localmente para cada proyecto; de esa manera ningún proyecto queda con dependencias a versiones específicas.

Agregar los scripts npm necesarios para el entorno de trabajo como una sección del package.json:

  "scripts": {
    "dev": "next -p 5117",
    "build": "next build",
    "start": "NODE_ENV=production next start",
    "lint": "standard"
  }

El script dev puede quedarse como "dev": "next" a secas si no hace falta el uso de ningún puerto en especial.

Crear un repo local con git

Agregar un archivo .gitignore:

.next
node_modules

Agregar un inicial archivo README.md, con una descripción incial.

Agregar LICENSE.md.

Crear el repositorio local:

git init
git status
git add .
git commit -m "Initial commit"

Crear un repo remoto. Por ejemplo, en GitHub, sin inicializarlo. Hacer el push inicial

git remote add origin git@github.com:victorkane/blog-simple-next.git
git push -u origin master

Prototipos iterativos

• 01 Prototype based on next data-fetch example
• 02 Prototype based on Redux