▸ ServiciosPaso 1 gratis

Entrega webs de 3 páginas a negocios en un día con Astro, en la cuenta del cliente

Con Astro montas una web rápida de inicio, servicios y contacto a partir de un cuestionario que rellena el cliente. La compilas y la publicas gratis en Cloudflare Pages en una cuenta a nombre del negocio, para que la web sea suya y tú cobres por hacerla y mantenerla.

Al terminar tendrás

Un cuestionario para el cliente.
Una web de 3 páginas con Astro.
Publicada en la cuenta de Cloudflare del cliente.

Lo que vas a usar

Astrogithub.com/withastro/astro

24 min €0 8 GB RAM · sin GPU macOS · Windows

Antes de empezar

Haber publicado tu propio portafolio con Astro ayuda.
Un negocio (real o de prueba) con sus textos y fotos.

1Paso 01 de 05 · ~6 min
Instala Node.js y crea el proyecto
Una plantilla vacía de Astro.
1. 1
  Abre la terminal. En Mac: pulsa Cmd+Espacio, escribe Terminal y pulsa Enter. En Windows: pulsa la tecla Windows, escribe PowerShell y pulsa Enter.
  TerminalmacOS
```
$brew install node
```
2. 2
  Cierra la terminal, ábrela otra vez y crea el proyecto:
  TerminalmacOS
```
$cd ~
$npm create astro@latest -- --template minimal web-cliente
```
  Terminal
```
$cd web-cliente
$npm run dev
```
  Lo que debería salir
```
Una línea con «Local http://localhost:4321/»
```
  Truco
  🎉 Si http://localhost:4321 abre la web, ¡nivel 1 superado!
¿Tu Mac dice «brew: command not found»? Instala Homebrew una vez
Homebrew es el instalador de programas que usamos en todas las misiones de Mac. Pega esto en la Terminal (es el comando oficial de brew.sh). Te pedirá la contraseña del Mac: al escribirla no se ve nada, es normal.
Instala HomebrewmacOS
```
$/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
```
Al terminar, copia y ejecuta las líneas que salen bajo «Next steps», cierra la Terminal y ábrela de nuevo. Comprueba con brew --version.
Comprueba que funcionahttp://localhost:4321 muestra la web de Astro.
Si algo falla (3)
Sale «brew: command not found»
Te falta Homebrew. Instálalo con el comando de su web oficial, brew.sh, cierra la terminal, ábrela otra vez y repite.
En Windows dice que no reconoce el comando nuevo
Cierra PowerShell y ábrelo otra vez: la ventana vieja no sabe que acabas de instalar algo. Si lo que no reconoce es winget, actualiza «Instalador de aplicación» desde Microsoft Store.
Sale «npm no se reconoce»
Cierra y vuelve a abrir la terminal después de instalar Node.js.
¿Sigues atascado? Pregunta en la comunidad Avisar de un error en este paso
Lo que desbloqueas
4 pasos · 2 comandos
1. 2El cuestionario del cliente~4 min
  Antes de escribir código.
2. 3Las 3 páginas~6 min
  Un archivo por página.
  1 comando · comprobación incluida
3. 4Compila y publica en su cuenta~5 min
  La web es del cliente.
  1 comando · comprobación incluida
4. 5Mantenimiento~3 min
  Lo que cobras cada mes.
Pasos 2–5 con el plan Anual

Primeros logros

Ya lo tienes funcionando. Pruébalo con esto:

El cuestionario

Todo lo que necesitas de una vez.

Prompt para tu IA

Escribe un cuestionario de 10 preguntas para un [tipo de negocio] que quiere una web de 3 páginas (inicio, servicios, contacto). Preguntas fáciles de responder desde el móvil.

Textos a partir de respuestas

Que suene al negocio.

Prompt para tu IA

Con estas respuestas del cliente, escribe los textos de inicio, servicios y contacto. Frases cortas, sin palabras de marketing, con una llamada a la acción en cada página: [pega las respuestas]