Requisitos y preparación

Prepárese antes de comenzar

Para seguir esta guía, necesitará varias herramientas y cuentas. Vamos a configurarlas todas paso a paso.

1. Un sitio WordPress existente

Necesita un sitio WordPress donde resida su contenido. Si no dispone de uno:

• Instale WordPress en su hosting actual
• Instálelo localmente para realizar pruebas: LocalWP, XAMPP
• Cree un blog gratuito en WordPress.com

2. Instalación de Node.js

Node.js le permite ejecutar JavaScript en su ordenador. Es necesario para Next.js.

Windows:

1. Vaya a nodejs.org
2. Descargue la versión LTS (recomendada)
3. Ejecute el instalador y siga las instrucciones
4. Una vez finalizado, abra el Símbolo del sistema

Mac:

# Instalación vía Homebrew (recomendada)
brew install node

# O descargue desde nodejs.org

Linux (Ubuntu/Debian):

curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash -
sudo apt-get install -y nodejs

Verificación:

node --version
# Debería ser v18.0.0 o superior

npm --version
# Debería ser 9.0.0 o superior

3. Editor de código: VS Code

Visual Studio Code es el editor de código gratuito más popular.

1. Vaya a code.visualstudio.com
2. Descargue la versión para su sistema operativo
3. Instálelo y ábralo

Extensiones recomendadas para VS Code:

• ES7+ React/Redux/React-Native snippets - Escritura rápida de código
• Tailwind CSS IntelliSense - Autocompletado de Tailwind
• Prettier - Formateo de código
• GitLens - Visualización del historial de Git

4. Instalación de Git

Git le permite versionar su código y subirlo a GitHub.

Windows:

1. Vaya a git-scm.com
2. Descárguelo e instálelo para Windows
3. Acepte la configuración predeterminada durante la instalación

Mac:

# Abra la terminal y escriba git
# Si no está instalado, sugerirá una instalación automática
git --version

Linux:

sudo apt install git -y

Configuración de Git:

git config --global user.name "Su Nombre"
git config --global user.email "[email protected]"

5. Conceptos básicos de la terminal

Utilizaremos la línea de comandos. No se preocupe, ¡son comandos sencillos!

• Windows: PowerShell o Símbolo del sistema
• Mac: Aplicación Terminal
• VS Code: Ctrl+` (backtick) abre la terminal integrada

Lista de verificación de preparación

Asegúrese de que todo esté listo antes de continuar:

• ☐ Sitio WordPress (con contenido)
• ☐ Node.js 18+ instalado
• ☐ VS Code instalado
• ☐ Git instalado y configurado
• ☐ Capacidad para usar la terminal