Ejecuta tu tienda Shopify en local

Un número no es un veredicto.

En este tutorial, aprenderás a ejecuta tu tienda Shopify en local y configurar Shopify CLI en tu máquina local para trabajar con tu tienda Shopify de manera eficiente. 📈 Ventajas✅ Trabaja con tu editor favorito en lugar del editor web de Shopify.✅ Realiza pruebas y cambios en un entorno seguro antes de subirlos a producción.📉 Desventajas⚠️ La sincronización con la tienda en producción se realiza mediante Git, lo que puede ser un desafío si no estás familiarizado con su uso.🏗️ Instalación de Node.jsShopify CLI requiere un entorno de ejecución de JavaScript. Para verificar si ya tienes Node.js instalado, ejecuta:node --versionSi no muestra un número de versión, necesitarás instalarlo. A continuación, te explicamos cómo hacerlo según tu sistema operativo:🔹 Windows1.Ve a la página oficial de Node.js.2.Descarga el instalador `.exe`.3.Sigue las instrucciones del asistente de instalación.4.Verifica la instalación con node --version.🍏 macOSTienes dos métodos para instalar Node.js:Método 1: Instalación desde la web1.Descarga el paquete `.pkg` desde la página oficial de Node.js.2.Instálalo y verifica la instalación con node --version.Método 2: Instalación con HomebrewSi prefieres gestionar Node.js con Homebrew, primero verifica si Homebrew está instalado:brew --versionSi no lo tienes, instálalo con:/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"Luego, instala Node.js con:brew install node🐧 LinuxTienes dos opciones recomendadas para instalar Node.js:-Usar el gestor de paquetes de tu distribución (apt, yum, dnf, etc.).-Usar NVM (Node Version Manager), lo que permite instalar y cambiar versiones fácilmente.curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bashDespués, instala Node.js con:nvm install node🛠️ Instalación de GitVerifica si Git está instalado ejecutando:git --versionSi no lo tienes, sigue la guía oficial de instalación de Git.🚀 Instalación de Shopify CLIInstala Shopify CLI globalmente con npm:npm install -g @shopify/cli@latestVerifica que la instalación fue exitosa con:shopify --version📥 Clonar tu repositorio de ShopifyDirígete a la carpeta donde deseas alojar tu tienda y clona el repositorio de Git:git clone https://github.com/<usuario>/<repositorio>.git🖥️ Ejecutar la tienda en localUna vez clonado el repositorio, accede a su carpeta y ejecuta el servidor local con:cd <repositorio> shopify theme dev --store=<nombretienda.myshopify.com>Esto abrirá una ventana en el navegador pidiendo iniciar sesión con tu cuenta de Shopify.Recuerda reemplazar <repositorio> con el nombre de tu carpeta y <nombretienda> con tu dominio de Shopify.Para detener el servidor, usa:Ctrl + C🎁 Bonus Track: Recomendaciones para trabajar en local1️⃣ Instalar la extensión de VSCode para ShopifyInstala la extensión de Shopify para VSCode para obtener autocompletado, sugerencias y formato de código. Descargar aquí.2️⃣ Formatear código con PrettierSi usas VSCode, puedes formatear tu código con ⇧⌥F en Mac o Shift+Alt+F en Windows. Para configurarlo manualmente, instala Prettier:npm install --save-dev prettier @shopify/prettier-plugin-liquid📂 Estructura recomendada del proyecto|- .git |- .gitignore |- .shopify/ |- .prettierrc <-- Configuración de Prettier |- .shopifyignore |- node_modules/ |- assets/ |- layout/ |- snippets/ |- config/ |- locales/ |- sections/ |- templates/ |- package.json |- package-lock.json