Ves al contingut
Tornar al blog

Publicar un web creat amb Cursor: Git i Hostbrid Projects

Porta el codi que edites amb Cursor a una URL pública amb GitHub i Hostbrid Projects. Diferencia la vista prèvia local del desplegament.

  • Cursor
  • GitHub
  • publicació web
  • allotjament

Cursor et pot ajudar a escriure i revisar un web, però una vista prèvia a l’editor no és una adreça pública. Per publicar el projecte, conserva el codi en un repositori compatible, comprova quins serveis necessita i configura el desplegament amb el proveïdor d’allotjament.

L’editor local, un Cloud Agent i una URL pública

Si treballes amb Cursor Desktop sobre una carpeta local, el projecte continua al teu ordinador fins que l’envies a un repositori Git. La documentació de Cursor explica com revisar els canvis, sincronitzar-los i fer push amb Git.

Els Cursor Cloud Agents poden treballar amb GitHub, GitLab, Bitbucket i altres proveïdors de control de versions connectats. També poden reenviar ports per previsualitzar una aplicació mentre s’executa al seu entorn. Aquesta vista prèvia és per al desenvolupament; no és un web de producció.

El botó Publish de Cursor Cloud Agents connecta un projecte de Vercel, desplega la branca predeterminada i retorna una URL. Requereix un compte de Vercel. Si vols publicar a Hostbrid, utilitza el flux de repositori de Projects; no pressuposis que aquell botó desplega aquí.

1. Revisa el projecte abans de pujar-lo

A Cursor, comprova la branca i el diff abans de fer el commit. Identifica el framework i les ordres reals de package.json. Si has baixat un ZIP d’una altra eina, extreu-lo i crea o connecta un repositori Git: Projects connecta repositoris i no rep directament el ZIP.

Revisa .gitignore i deixa .env i qualsevol fitxer amb claus fora del repositori. Una variable que arriba al JavaScript del navegador no és un secret. Si l’aplicació utilitza una API, autenticació o una base de dades, apunta quin servei la proporciona i com autoritzarà el domini nou.

2. Publica el repositori des de Projects

Assegura’t que el projecte sigui a GitHub, GitLab o Bitbucket i que tinguis accés a la branca que vols publicar. A Hostbrid Projects, connecta el repositori, tria la branca de producció i revisa la configuració d’instal·lació, build i sortida. En un projecte Vite, per exemple, la carpeta generada sovint és dist, però preval la configuració real del repositori.

Per seguir una recepta reproduïble amb un exemple real de React i Vite, consulta la guia de publicació des de Git i rutes del navegador. Si l’aplicació necessita un procés Node o contenidors, comprova el runtime i els límits del pla abans de desplegar-la.

3. Prova la URL abans d’apuntar-hi el domini

Obre l’adreça temporal des d’un altre dispositiu. Carrega directament una ruta interna, torna-la a carregar i prova formularis, inici de sessió i crides a APIs. Revisa els logs i confirma que no hi hagi claus exposades. Que el build acabi correctament no demostra que els serveis externs funcionin.

Quan el projecte respongui bé, configura el domini i verifica HTTPS i les redireccions. Consulta els plans actuals de Projects per triar una opció que encaixi amb els requisits.

Cursor escriu i manté codi; Git transporta els canvis; Projects executa el desplegament segons la configuració del repositori. Aquesta guia cobreix aquest flux, no una integració d’un clic entre Cursor i Hostbrid ni un desplegament provat en un compte de client.

Gestiona els teus webs, servidors i correu.

És gratis i triga un minut.

Mínim 8 caràcters. Ni només números ni una contrasenya comuna.

T’enviarem un correu per confirmar el compte.