▸ Gana dineroPaso 1 gratis

Tu web de portafolio publicada hoy en internet, gratis, para enseñar a tus clientes

Instalas Node.js, creas una web con Astro a partir de una plantilla, pones tus servicios y tus trabajos, y la publicas gratis en Cloudflare Pages con una dirección propia. Es lo primero que te van a pedir antes de pagarte.

Al terminar tendrás

Una web con tus servicios, tus trabajos y un botón de contacto.
Publicada en internet con una dirección .pages.dev.
Sabes cambiarla y volver a publicarla con una orden.

En esta misión · 5 pasos · 26 min

1Instala Node.js y crea tu web en 3 minutos5 min
2Cambia la portada por la tuya5 min
3Añade tus servicios y tus trabajos7 min
4Prepara la web para publicarla3 min
5Publícala gratis en Cloudflare Pages6 min

Lo que vas a usar

Astrogithub.com/withastro/astro

26 min €0 (el dominio propio, si lo quieres, unos 10 € al año) 4 GB RAM · sin GPU macOS · Windows

Antes de empezar

Node.js (se instala en el paso 1).
Una cuenta gratis de Cloudflare (la creas tú en el paso 5).
Una foto tuya o un logo, y 2-3 trabajos que enseñar (aunque sean de práctica).

Necesitas además: Node.js 18.20.8, 20.3.0 o 22 o posterior, según la documentación de Astro.

1Paso 01 de 05 · ~5 min
Instala Node.js y crea tu web en 3 minutos
Pones Node.js y Astro te crea una web de ejemplo que ves en tu navegador.
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.
2. 2
  Instala Node.js, el motor que mueve Astro:
  TerminalmacOS
```
$brew install node
```
3. 3
  Cierra la terminal, ábrela otra vez y crea la web. Te hará unas preguntas: elige la plantilla básica (basics), di que sí a instalar dependencias y que no a Git si no lo usas:
  Terminal
```
$npm create astro@latest -- --template basics mi-portafolio
```
4. 4
  Entra en la carpeta y arranca la web en tu ordenador:
  Terminal
```
$cd mi-portafolio
$npm run dev
```
  Lo que debería salir
```
Una línea con «Local http://localhost:4321/»
```
5. 5
  Abre http://localhost:4321 en tu navegador.
  Truco
  🎉 Si ves la página de bienvenida de Astro, ¡nivel 1 superado! Esa web vive en tu ordenador; en el paso 5 la subes a internet.
¿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 funcionaEn http://localhost:4321 se ve la página de ejemplo 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 «Node.js vXX is not supported»
Tu Node es viejo. Actualízalo con brew upgrade node (Mac) o winget upgrade -e --id OpenJS.NodeJS.LTS (Windows).
¿Sigues atascado? Pregunta en la comunidad Avisar de un error en este paso
Lo que desbloqueas
4 pasos · 6 comandos · 1 prompt · 2 errores típicos resueltos
1. 2Cambia la portada por la tuya~5 min
  Editas el archivo de la página principal y ves el cambio al momento.
  1 comando · 1 error resuelto · comprobación incluida
2. 3Añade tus servicios y tus trabajos~7 min
  Pones tres servicios con precio orientativo y una sección de trabajos con fotos.
  2 comandos · 1 prompt · comprobación incluida
3. 4Prepara la web para publicarla~3 min
  Generas la versión final de la web, la que se sube a internet.
  2 comandos · comprobación incluida
4. 5Publícala gratis en Cloudflare Pages~6 min
  Subes la carpeta dist con Wrangler y te dan una dirección pública.
  1 comando · 1 error resuelto · comprobación incluida
Pasos 2–5 con el plan Anual

Primeros logros

Ya lo tienes funcionando. Pruébalo con esto:

Textos que venden

Pide a tu IA la portada entera.

Prompt para tu IA

Hago [servicio] para [tipo de cliente] en [ciudad]. Escríbeme los textos de la portada de mi web: un titular de máximo 8 palabras, una frase debajo, 3 servicios con una línea cada uno y un botón de contacto. Sin palabras vacías como «soluciones» o «sinergia».

Un caso por trabajo

Cada trabajo de tu portafolio, con antes, después y resultado.

Prompt para tu IA

Tengo este trabajo: [describe qué hiciste]. Escríbelo como un caso corto para mi portafolio: el problema del cliente, qué hice y qué cambió. Máximo 60 palabras y sin inventar cifras.