Cómo crear un sitio web con Claude

Los pasos

1. Haga clic en el botón Deploy to Cloudflare de arriba.
2. Inicie sesión en Cloudflare o cree su cuenta gratuita.
3. Cuando Cloudflare se lo pida, conecte su cuenta de GitHub. Cloudflare copia Dozokit Sites en ella.
4. Deje los nombres propuestos (dozokit-sites) como están, salvo que ya tenga algo con ese nombre.
5. En el campo PASSWORD, escriba la contraseña con la que entrará en Dozokit Sites: 12 caracteres o más. Anótela.
6. Haga clic en Create and deploy y espere uno o dos minutos mientras Cloudflare crea Dozokit Sites, su base de datos y su almacén de fotos.
7. Cuando Cloudflare indique que ha terminado, baje hasta el final de esa página: ahí están la dirección de su Worker (termina en workers.dev, como dozokit-sites.su-nombre.workers.dev) y el botón para abrirla. Ábrala, añada /admin al final e inicie sesión con su contraseña.
8. Conecte Claude. En Claude (la aplicación o claude.ai), abra Customize → Connectors, haga clic en + Add y luego en Add custom connector.
9. Llámelo Dozokit Sites y pegue su dirección de Dozokit Sites terminada en /mcp, como https://dozokit-sites.su-nombre.workers.dev/mcp. La encontrará, con un botón para copiarla, en la primera pantalla después de iniciar sesión en Dozokit Sites, o en Settings (arriba a la derecha) → Connections. Haga clic en Add.
10. Claude abre una página de Dozokit Sites para pedirle permiso: inicie sesión si se lo pide y haga clic en Allow. ChatGPT funciona igual, como conector personalizado en su configuración. Para desconectar una aplicación, use Settings → Connections en Dozokit Sites.
11. De vuelta en Dozokit Sites, escriba la dirección de su sitio web actual si tiene uno, y todo lo que Claude deba saber. Copie la instrucción que redacta y péguela en una conversación nueva de Claude.
12. Claude propone un diseño y solo pregunta lo que no encuentra. Cuando ha creado el sitio, este se abre solo en Dozokit Sites.
13. Revíselo, cambie lo que quiera y haga clic en Publish.

Cambie textos y fotos usted mismo, gratis

En el editor, los textos y fotos que puede cambiar usted mismo se rodean de verde al pasar por encima, con la marca Edit text · free o Change photo · free. Haga clic en uno: un texto se abre en un cuadro para cambiarlo, una foto ofrece Choose from your photos o Upload a new one. No hace falta Claude, y nada más en la página reacciona. Para todo lo demás, haga clic en Point at something for Claude: ahora cualquier parte de la página se rodea de naranja con su nombre. Haga clic en ella para elegirla (la ruta, como Section “Photos” › Gallery › Photo, muestra dónde está; ↑ y ↓ pasan a la parte que la rodea o que contiene, Mayús+clic añade más), diga qué debe cambiar y copie en su conversación de Claude la instrucción que redacta el panel. Done pointing, o Esc, le devuelve atrás. Undo deshace el último cambio; History, justo al lado, lista cada versión del sitio, cada una con Go back to this. Settings (arriba a la derecha) → Connections muestra qué aplicaciones de chat están conectadas, cuándo usó cada una Dozokit Sites por última vez, y un botón Disconnect.

Su propio dominio

Su sitio ya funciona en su dirección workers.dev. Para ponerlo a su nombre, como fontaneria-martin.es, abra la pestaña Address del sitio y, en Your own domain, indique si tiene uno. No, I need one: en Cloudflare abra Workers & Pages, luego dozokit-sites, luego su pestaña Domains, y elija Buy a domain; Cloudflare lo vende a precio de coste y lo conecta solo. Yes, bought elsewhere (OVH, GoDaddy, IONOS…): en Cloudflare abra Domains y haga clic en Onboard a domain, elija el plan Free, sustituya en su registrador los servidores DNS (nameservers) del dominio por los dos que muestra Cloudflare (de unos minutos a un día) y luego añádalo como dominio existente en la pestaña Domains de dozokit-sites. Yes, on Cloudflare: simplemente añádalo como dominio existente en esa pestaña Domains. Por último, escriba el dominio en la pestaña Address y haga clic en Check and connect: la dirección antigua envía entonces a los visitantes a la nueva. O copie en Claude la instrucción que aparece ahí: le guía paso a paso y conecta él mismo el dominio una vez que está en Cloudflare. Cada sitio puede tener su propio dominio. Su enlace de Google Maps va en la misma pestaña.

Reciba los mensajes de contacto por correo

Los mensajes del formulario de contacto de un sitio llegan a su pestaña Messages. Para recibir cada uno también en su buzón, abra Settings (arriba a la derecha), luego Connections, luego Messages by email: escriba su correo y haga clic en Connect Resend. Se abre Resend: cree su cuenta gratuita con ese mismo correo, o inicie sesión, y haga clic en Allow. De vuelta en Dozokit Sites, haga clic en Send a test. El plan gratuito de Resend envía hasta 100 correos al día.

Cuente las visitas con Dozokit Analytics

Instale Dozokit Analytics, gratis y también en su propia cuenta de Cloudflare, y añada allí su sitio para obtener su site id. En Settings (arriba a la derecha) → Connections, escriba una vez la dirección de su Dozokit Analytics. Luego, en la pestaña Site settings del sitio, en Visitors, pegue el site id y guarde. Verá entonces las visitas, de dónde vienen, y cada mensaje de contacto como un objetivo.

Cambiar u olvidar la contraseña

Cámbiela en Settings (arriba a la derecha) → Account, en Change password. ¿La olvidó? En Cloudflare, abra el Worker, luego Settings → Variables and Secrets, y edite PASSWORD. La contraseña que escriba ahí funciona al momento.

Actualizar

Cuando sale una versión más reciente, Dozokit Sites lo indica arriba. Se actualiza desde su copia en GitHub:

1. En github.com, abra dozokit-sites, la copia que Cloudflare creó a su nombre.
2. Haga clic en la pestaña Actions.
3. Haga clic en Update Dozokit Sites en la lista de la izquierda.
4. Haga clic en Run workflow y luego en el botón verde Run workflow.

Solo la primera vez: el botón Deploy de Cloudflare copia todo excepto el botón de actualización, así que añádalo una vez. En Dozokit Sites, abra Settings (arriba a la derecha), luego Account, luego Updates. Pegue la dirección de GitHub de su copia (como github.com/su-nombre/dozokit-sites) y haga clic en Add the update button. GitHub abre el archivo listo para guardar: haga clic en Commit changes y confirme. El botón solo instala una versión después de comprobar que está firmada por Dozokit; una firma incorrecta o ausente lo detiene y no cambia nada. Conserva su wrangler.jsonc y la carpeta .github. Si Dozokit le pide algún día cambiar el botón, haga clic en Replace it: GitHub abre el archivo con la nueva versión en su portapapeles, así que seleccione todo su contenido, pegue y haga clic en Commit changes.

Unos dos minutos después, Cloudflare ha puesto la nueva versión en línea por sí solo, cambios de la base de datos incluidos. Sus sitios, fotos y mensajes se conservan. Novedades de cada versión

Los desarrolladores también pueden actualizar desde una terminal, en un clon de su copia:

tag=$(curl -s https://api.github.com/repos/dozokit/sites/releases/latest | grep -o '"tag_name": *"[^"]*"' | cut -d'"' -f4)
git fetch https://github.com/dozokit/sites tag "$tag"
git checkout "$tag" -- . ':!wrangler.jsonc' ':!.github'
git commit -m "Update Dozokit Sites to $tag" && git push