Come creare un sito web con un database usando TeleportHQ

Creare un sito web con un database comporta quattro attività principali: organizzare le informazioni, scegliere dove archiviarle, collegarle alle pagine e verificare il funzionamento del sito pubblicato. In TeleportHQ puoi usare un database ospitato integrato oppure collegare un database supportato che gestisci già.

Questa guida illustra entrambe le opzioni, mostra come i database alimentano blog, centri assistenza e siti di e-commerce e spiega passo dopo passo come creare un catalogo di corsi consultabile. Puoi applicare lo stesso procedimento a directory, raccolte di risorse e altri siti web basati su contenuti strutturati.

Che cos’è un database per siti web e come funziona?#

Un database per siti web archivia le informazioni che il tuo sito deve visualizzare o gestire. Per un blog, include gli articoli e i relativi contenuti. Per un negozio online, include prodotti e ordini. Un sito di formazione potrebbe archiviare corsi, docenti e sessioni in programma.

Database e sito web svolgono funzioni diverse. Il database contiene le informazioni; il sito le presenta tramite pagine e consente agli utenti di eseguire le azioni che hai configurato.

Prendiamo come esempio un catalogo di corsi. Un record del database contiene i dettagli di un corso di fotografia. Una pagina di elenco mostra il titolo, l’immagine e il prezzo insieme a quelli degli altri corsi. Quando qualcuno apre il corso, una pagina di dettaglio ne mostra la descrizione completa utilizzando le stesse informazioni archiviate.

Puoi aggiornare il record del corso senza dover cercare e riscrivere manualmente ogni punto in cui compaiono le relative informazioni. Le pagine collegate recuperano i dati in base alla loro configurazione e al comportamento della cache.

I termini da conoscere#

Non devi diventare un amministratore di database per creare questo tipo di sito web. Conoscere alcuni termini rende più semplice seguire la procedura di configurazione:

Un sito web basato su un database combina i record archiviati con i layout delle pagine e il comportamento dell’applicazione. Il sito risultante può contenere centinaia di pagine diverse senza che sia necessario progettarle singolarmente.

Il termine «database web» viene usato anche per indicare i database a cui si accede o che si gestiscono tramite un browser. In questa guida, l’attenzione è rivolta al database che fornisce le informazioni al tuo sito web.

Quando ha bisogno di un database un sito web?#

Un database è utile quando occorre gestire contenuti ricorrenti, organizzare una raccolta in crescita di elementi o archiviare attività come gli acquisti.

Tra i motivi più comuni ci sono:

• Pubblicare articoli usando un layout condiviso.
• Visualizzare un catalogo in cui i visitatori possano effettuare ricerche o applicare filtri.
• Assegnare una pagina dedicata a ogni prodotto, corso o annuncio in una directory.
• Gestire le informazioni che compaiono in più punti.
• Archiviare i record creati tramite le azioni configurate sul sito web.

Un sito web per una piccola impresa con poche pagine dedicate ai servizi potrebbe non aver bisogno di un database. Se le informazioni cambiano raramente e non seguono una struttura ripetitiva, potrebbe bastare modificarle direttamente sulle pagine.

Inoltre, archiviare i contenuti in un database non determina automaticamente il modo in cui viene visualizzato un sito. Alcuni siti web generano pagine statiche dai contenuti archiviati; altri recuperano i dati al momento della richiesta delle pagine. Il metodo di realizzazione dovrebbe essere adatto alla frequenza con cui le informazioni devono essere aggiornate e alle azioni che i visitatori devono poter compiere.

Esempi di siti web con database che puoi creare con TeleportHQ#

Prima di creare le tue tabelle, verifica se una funzionalità integrata soddisfa già le esigenze del tuo sito. TeleportHQ offre funzionalità basate su database per pubblicare e vendere, oltre a strumenti per creare pagine personalizzate a partire dai dati.

Blog: gestisci gli articoli separatamente dal design#

Un blog archivia il contenuto di ogni articolo separatamente dal layout che lo visualizza. Un modello condiviso per gli articoli può mostrare il titolo, l’autore e il corpo del testo, mentre la pagina del blog presenta la raccolta di articoli per consentire la consultazione.

Con il generatore di blog di TeleportHQ, la configurazione del blog collega il sistema di gestione dei contenuti alle pagine con l’elenco degli articoli e a quelle dei singoli post. Puoi personalizzarne l’aspetto e gestire gli articoli tramite gli strumenti per blog disponibili o l’interfaccia di amministrazione.

Per un’azienda che pubblica tutorial, questo significa che il team editoriale può aggiungere un altro articolo senza duplicare una pagina esistente e ricostruirne i blocchi di contenuto. Le categorie aiutano i lettori a trovare contenuti correlati, mentre un design coerente degli articoli rende l’esperienza di lettura familiare.

Il database dà struttura ai contenuti. Gli editor devono comunque decidere cosa includere in ogni articolo, come organizzare le categorie e quando un post è pronto per essere pubblicato.

Centri assistenza: organizza le risposte in una risorsa consultabile#

Un centro assistenza applica principi simili, ma si rivolge a un lettore diverso. Chi consulta un articolo di supporto di solito ha un’attività o un problema specifico da risolvere, quindi la ricerca e la navigazione per categorie sono importanti quanto l’impaginazione dell’articolo.

Il Centro assistenza integrato di TeleportHQ crea un’area consultabile con pagine dedicate agli articoli e alle categorie. Le sue più ampie funzionalità di knowledge base consentono inoltre di creare sistemi basati su documentazione strutturata e contenuti di supporto.

Per esempio, un’azienda software può organizzare le guide in categorie come configurazione dell’account, fatturazione e uso del prodotto. Per aggiornare un’istruzione basta modificare il record di contenuto pertinente, mentre il layout condiviso continua a visualizzare l’articolo in modo coerente.

Organizza le categorie in base alle domande dei clienti. Una categoria chiamata “Importa i tuoi dati” è più utile per un nuovo cliente di una categoria che prende il nome dal team interno responsabile delle importazioni. Il database supporta l’organizzazione scelta, ma non può stabilire se sia chiara per i lettori.

E-commerce: collega il negozio online ai dati di prodotti e ordini#

Un sito e-commerce usa un database sia per le informazioni pubbliche sia per i dati operativi. I dati dei prodotti alimentano il catalogo e le relative pagine. Le attività di acquisto generano le informazioni sugli ordini necessarie all’azienda per elaborarli.

Il creatore di siti e-commerce di TeleportHQ offre strumenti per configurare le pagine del negozio, il checkout e i dati correlati. Puoi personalizzare l’esperienza di acquisto e configurare i servizi e le regole aziendali necessari per accettare ed evadere gli ordini.

Una connessione al database, da sola, non basta a creare un negozio funzionante. Il sito ha bisogno anche della logica di checkout, della configurazione dei pagamenti e della gestione degli ordini. La funzionalità ecommerce offre una struttura di partenza per soddisfare questi requisiti, invece di considerare un semplice elenco di prodotti un negozio completo.

Per un rivenditore, una prova utile consiste nel seguire l’intero percorso d’acquisto: un cliente apre un prodotto, sceglie cosa acquistare, completa il checkout e riceve la conferma prevista. La pagina del prodotto è solo una parte del processo.

Cataloghi e directory personalizzati#

Per creare una raccolta personalizzata, puoi definire i record e collegarli a modelli di pagina riutilizzabili. Alcuni esempi sono una directory di fornitori, un catalogo immobiliare o una raccolta di risorse scaricabili.

La guida qui sotto utilizza un catalogo di corsi, perché la sua struttura è facile da seguire. I visitatori potranno sfogliare i corsi, filtrare l’elenco per argomento e aprire una pagina con maggiori informazioni. La prima versione mostrerà le informazioni senza aggiungere account per gli studenti, iscrizioni a pagamento o un sistema di gestione dell’apprendimento.

Definire chiaramente l’ambito ti aiuta a completare il sito di base prima di introdurre comportamenti applicativi più complessi.

Scegli come creare il database del tuo sito web#

In TeleportHQ hai due opzioni principali per il database: configurare quello integrato oppure collegare un database supportato già esistente. Puoi usare anche altri tipi di sorgenti dati se le informazioni si trovano in un foglio di calcolo, in un’API o in un CMS headless.

Gli strumenti per i database di TeleportHQ integrano queste opzioni nel flusso di lavoro per la creazione di siti web. La scelta dipende da dove si trovano già le informazioni, da chi le gestisce e da dove intendi ospitare il progetto finale.

Usa l’opzione integrata per un nuovo progetto#

TeleportHQ mette a disposizione un database PostgreSQL ospitato, che puoi configurare dall’editor. Ogni progetto ha il proprio database, in cui puoi creare tabelle e gestire record.

Per il catalogo dei corsi, è un punto di partenza semplice se non hai già un servizio dati. Puoi organizzare i corsi nello stesso progetto in cui progetti le relative pagine.

Mantieni un database esistente se è già la fonte di verità#

Se la tua organizzazione gestisce le informazioni sui corsi altrove, valuta la possibilità di collegare quel database invece di crearne una seconda copia da aggiornare manualmente.

TeleportHQ supporta diversi connettori, tra cui PostgreSQL, MySQL, MongoDB e Supabase. I requisiti di configurazione e le possibilità di modifica variano a seconda del connettore. Verifica che la connessione scelta supporti le operazioni necessarie al progetto.

Collegare un database non significa trasferirlo su TeleportHQ. Il provider continua a ospitarlo e il tuo team rimane responsabile della configurazione del servizio.

Passaggio 1: definisci i contenuti e il percorso dei visitatori#

Per prima cosa, stabilisci cosa dovrebbe riuscire a fare un visitatore. In questo esempio, il percorso è: consultare i corsi disponibili, trovare un argomento pertinente, aprire la pagina di un corso e selezionare un link per richiedere informazioni.

Questo percorso suggerisce due tipi principali di pagina:

• Una pagina catalogo con schede dei corsi, ricerca e filtri per categoria.
• Una pagina con i dettagli del corso, la descrizione completa e un’opzione per richiedere informazioni.

Ti serve anche un modo per consentire al tuo team di aggiungere corsi e aggiornare le relative informazioni. Per la prima versione, puoi gestire questi record tramite gli strumenti per i database presenti nell’editor.

I campi dovrebbero rappresentare sia le pagine di elenco sia quelle di dettaglio. Un breve riepilogo aiuta a confrontare i corsi; una descrizione più lunga spiega cosa si imparerà dopo averne aperto uno.

Progetta una semplice struttura dei dati#

Una prima tabella dei corsi potrebbe includere i seguenti campi:

Questa è una struttura di esempio, non un requisito della piattaforma. Un catalogo di corsi per la formazione interna potrebbe non aver bisogno di campi relativi al prezzo o alle richieste di informazioni. Un elenco pubblico di workshop potrebbe invece richiedere date e luoghi.

Usa tipi di dati appropriati. Memorizzare la durata come numero consente di ordinarla numericamente. Salvare «circa dieci ore» come testo libero può essere più leggibile, ma non si comporta come un numero quando si applicano filtri o ordinamenti.

Decidi quali campi sono obbligatori. Un corso dovrebbe avere un titolo e un identificatore di pagina univoco. Se l’immagine è facoltativa, stabilisci cosa mostrare nella pagina quando manca.

Aggiungi relazioni quando le informazioni devono essere condivise#

Se più corsi appartengono allo stesso docente, una tabella dei docenti può contenere una sola volta i dati di quella persona. Ogni corso può quindi fare riferimento al record del docente corrispondente.

In questo modo, non dovrai copiare la stessa biografia in più corsi né aggiornare ogni copia quando cambia. Gli strumenti di TeleportHQ per la gestione della struttura delle tabelle supportano le chiavi esterne nei database compatibili, compreso il database integrato.

Mantieni il primo modello abbastanza semplice da comprendere. Aggiungi relazioni solo quando c’è una ragione chiara: suddividere ogni campo in una tabella diversa rende più difficile gestire un progetto per principianti.

Passaggio 2: crea o collega il database#

Una volta stabilito quali dati archiviare, aggiungi il database al progetto.

Crea un database integrato di TeleportHQ#

1. Apri Origini dati nella barra laterale sinistra dell’editor.
2. Fai clic sul pulsante con il segno più per aggiungere un’origine dati.
3. Scegli Database TeleportHQ e assegnagli un nome riconoscibile.
4. Esamina l’avviso relativo all’hosting e le limitazioni del piano.
5. Seleziona Configura database TeleportHQ.

Dopo la configurazione, il database compare tra le origini dati del progetto. Aprilo per iniziare ad aggiungere tabelle. La guida integrata alla configurazione del database illustra l'interfaccia e i problemi più comuni durante il provisioning.

Se il progetto dispone già di un database integrato, usa la connessione esistente. Potrebbe essere stato creato in precedenza attivando un'altra funzionalità.

Collega invece un database esterno#

Per una sorgente esistente, seleziona il relativo connettore in Origini dati e inserisci i dati di connessione richiesti. Potrebbero includere un host, il nome del database e le credenziali, oppure una stringa di connessione fornita dal tuo provider.

La connessione deve essere raggiungibile dai server di TeleportHQ. Configura con il tuo provider l'accesso autenticato e le impostazioni di connessione sicura richieste.

Recuperare lo schema consente a TeleportHQ di rilevare la struttura disponibile. Controlla le tabelle o le raccolte importate prima di collegarle alle pagine. La guida alla connessione di database esterni illustra i connettori supportati e i requisiti specifici di ciascuno.

Una connessione riuscita conferma l'accesso, ma non dimostra che tutti i record siano adatti alla visualizzazione pubblica. Tieni separati i dati operativi sensibili dalle informazioni destinate ai visitatori.

Passaggio 3: crea le tabelle e inserisci i dati#

Una volta disponibile il database, crea la struttura pianificata nel primo passaggio. Nel pannello del database, la scheda Aggiungi una nuova tabella offre opzioni per creare tabelle manualmente, generarle con l'IA o importare file supportati.

Per il catalogo dei corsi, crea la tabella dei corsi, aggiungi le colonne e imposta i tipi di campo richiesti. Assegna una chiave primaria e rendi univoco il campo slug, in modo che ogni record abbia un identificativo pubblico distinto.

Se preferisci una configurazione assistita dall’IA, descrivi la tabella, i suoi campi e le eventuali relazioni. Specifica chiaramente quali valori sono obbligatori e quali campi devono essere univoci. Esamina il risultato generato prima di aggiungere contenuti di produzione: la generazione tramite IA utilizza token e richiede comunque il tuo giudizio.

Il centro assistenza spiega entrambi gli approcci nella guida alla creazione di tabelle di database.

Aggiungi record di esempio prima di importare tutto#

Apri la tabella tramite Visualizza dati e aggiungi un piccolo gruppo di corsi. Varia gli esempi a sufficienza per testare la struttura:

• Un titolo di corso breve e uno molto più lungo.
• Corsi appartenenti a categorie diverse.
• Un corso senza immagine facoltativa.
• Un corso gratuito, se nel tuo progetto il prezzo zero è valido.
• Descrizioni di lunghezza diversa.

Questo aiuta a individuare problemi di layout e visualizzazione quando è ancora facile correggerli. Se tutti i record di esempio contengono la stessa quantità di testo, il design può sembrare completo finché non vengono aggiunti i contenuti effettivi.

Esamina i record come farebbe un visitatore. «Fondamenti di fotografia» dice poco di per sé. Una descrizione utile può spiegare a chi è rivolto il corso e che cosa si imparerà.

Importa dati da un foglio di calcolo#

Se le informazioni sono già presenti in un file, puoi importarle invece di inserire ogni record manualmente. TeleportHQ supporta l'importazione di database da formati come CSV ed Excel; gli strumenti di importazione documentano anche altre opzioni.

Pulisci prima il file di origine. Usa nomi chiari per le colonne, verifica che i numeri siano formattati in modo uniforme e rimuovi gli slug duplicati. Uniforma i valori delle categorie, così «Fotografia» e «corsi di fotografia» non diventano accidentalmente filtri distinti.

Esistono procedure separate per creare tabelle da un file e per importare un CSV in una tabella esistente del database integrato. Quest'ultima può abbinare i record esistenti tramite una chiave, aggiornare le righe corrispondenti e aggiungerne di nuove. Consulta le istruzioni per l'importazione del database per conoscere i formati supportati e i limiti.

Dopo l'importazione, confronta alcune righe del file di origine con i record ottenuti. Presta particolare attenzione alle date, ai valori decimali e ai campi vuoti. Il completamento dell'importazione è un motivo per controllare il risultato, non un sostituto della verifica.

Passaggio 4: progetta la pagina dell'elenco e collegala ai dati#

La pagina del catalogo dovrebbe aiutare le persone a decidere quale corso aprire. Crea prima il layout generale: un titolo, una breve descrizione del catalogo e un'area per le schede dei corsi.

Poi collega le schede al database. Il collegamento dei dati indica a un elemento da dove proviene il valore visualizzato. Un titolo può mostrare il nome di un corso; un'immagine può utilizzare l'URL dell'immagine memorizzato nello stesso record.

Per creare layout ripetuti per le schede, TeleportHQ mette a disposizione un Array Mapper. Aggiungilo dal gruppo List in Elements, collega Source alla tabella dei corsi e progetta una scheda al suo interno. L’elemento ripete il design per ogni elemento restituito dalla sorgente.

Collega ogni scheda al corso corrente#

All’interno del layout ripetuto, collega il titolo, il riepilogo e l’immagine ai campi dell’elemento corrente. In questo modo ogni scheda rappresenta il corso corretto.

Se tutte le schede mostrano lo stesso titolo, verifica di non aver selezionato per errore una riga specifica del database invece dell’elemento ripetuto corrente. Si tratta di un problema di collegamento dei dati, non di solito di un problema della tabella.

La guida alla visualizzazione dei dati del database nelle pagine spiega come scegliere i valori dinamici e collegarli agli elementi.

Crea schede utili per il confronto#

Mostra le informazioni di cui i visitatori hanno bisogno prima di aprire la pagina dei dettagli. Per questo catalogo, potrebbero essere l’argomento, la durata e il prezzo, insieme al riepilogo.

Riserva la descrizione più lunga alla pagina del singolo corso. Un elenco diventa difficile da consultare quando ogni scheda contiene diversi paragrafi e varie azioni in competizione tra loro.

Verifica il layout con il titolo più lungo e sullo schermo più piccolo. Evita altezze fisse che tagliano il testo essenziale e rendi facile selezionare il link al corso da telefono. Se il design delle schede include immagini, usa proporzioni di visualizzazione uniformi, così l’elenco rimane leggibile anche quando aggiungi immagini diverse.

Anche i dati mancanti richiedono una gestione precisa. TeleportHQ consente di impostare valori di riserva nei collegamenti pertinenti, ma nel sito pubblicato anche zero e false potrebbero attivare il valore di riserva. Fai attenzione al prezzo zero: un corso gratuito non dovrebbe essere etichettato erroneamente come «Prezzo non disponibile». Verifica il comportamento esatto del campo prima di affidarti a un valore di riserva.

Passaggio 5: aggiungere ricerca, filtri e navigazione#

Un catalogo con pochi corsi si può consultare manualmente. Man mano che cresce, i visitatori hanno bisogno di strumenti per restringere l’elenco.

Usa la ricerca per chi sa già cosa cerca e le categorie per chi esplora un argomento. I controlli dovrebbero rispecchiare i dati disponibili, non ogni possibile filtro che potresti aggiungere in futuro.

Attivare la ricerca testuale#

Per un Array Mapper o una Tabella supportati e collegati ai dati, attiva l’opzione di ricerca. TeleportHQ aggiunge un campo di ricerca per l’elenco, che puoi personalizzare per adattarlo alla pagina.

La ricerca nell’elenco documentata trova corrispondenze nei campi di testo senza distinguere tra maiuscole e minuscole. Non è un motore di ricerca generico per ogni tipo di dato: i campi numerici, data e booleani vengono gestiti diversamente.

Prova la ricerca nell’anteprima e sul sito pubblicato. Cerca un titolo completo, una parte di un titolo e una frase presente in una descrizione. Prova anche una frase senza risultati, così potrai valutare lo stato vuoto.

Filtrare per categoria#

Un filtro specifica quali record possono essere visualizzati. Per esempio, un filtro per categoria può confrontare il campo della categoria con “Fotografia”.

Per consentire ai visitatori di modificare quel valore, collegalo a uno stato controllato da un menu a discesa o da pulsanti. Un filtro fisso nell’editor crea una selezione fissa: non crea automaticamente controlli per i visitatori.

Decidi cosa succede quando il filtro viene cancellato. I visitatori devono poter tornare facilmente a tutti i corsi, soprattutto dopo aver combinato una categoria con una frase di ricerca. Gli strumenti di filtraggio di TeleportHQ supportano valori dinamici e, per gli elenchi di database, combinazioni di condizioni. La guida al filtraggio degli elenchi spiega queste impostazioni e le differenze in base alla fonte.

Aggiungi la paginazione e imposta un ordinamento predefinito adeguato#

La paginazione suddivide una raccolta ampia in gruppi gestibili. Gli elenchi supportati da TeleportHQ consentono di configurare il numero di elementi per pagina e scegliere uno schema di navigazione, ad esempio i controlli di pagina o il caricamento di altri elementi.

Scegli il numero di schede visibili in base alla leggibilità e alle prestazioni. Spesso è più facile consultare una pagina con dodici schede utili che una che cerca di mostrare un intero catalogo in una volta sola.

Scegli un ordinamento adatto ai contenuti. L'ordine alfabetico è indicato per un catalogo di riferimento, mentre per i workshop programmati potrebbero essere più importanti le date imminenti. Verifica il comportamento combinato: la ricerca dovrebbe funzionare all'interno della raccolta filtrata prevista e, dopo la modifica di un filtro, la paginazione non dovrebbe lasciare i visitatori su una pagina di risultati vuota.

Passaggio 6: crea una pagina dinamica per ogni corso#

La pagina dei dettagli del corso usa un unico design per mostrare un record diverso a ogni indirizzo. Non è necessario creare un layout separato per ogni corso.

In Pages, Components & Tree View, crea una pagina per il layout del corso. Apri il menu, attiva Is Details Page e seleziona l'elenco dei corsi come origine. Usa un campo univoco e compilato per ogni record, come slug, per identificare ogni URL.

Collega i contenuti della pagina al corso attuale. Poi collega i link nelle schede del catalogo alla pagina dei dettagli, passando il valore URL di ogni corso. La guida alla configurazione delle pagine dei dettagli illustra questa procedura.

Un esempio di indirizzo potrebbe essere /courses/beginner-photography. Un altro corso usa lo stesso layout con un indirizzo e contenuti propri.

Progetta pensando alla decisione che la persona deve prendere#

Una pagina di dettaglio dovrebbe rispondere alle domande lasciate in sospeso dalla scheda nel catalogo. Per un corso, potrebbero essere:

• A chi è adatto il corso?
• Che cosa impareranno i partecipanti?
• Quanto dura?
• Quanto costa, se previsto?
• Che cosa deve fare chi desidera ricevere informazioni o iscriversi?

Queste domande guidano sia il modello dei contenuti sia il layout. Se ogni corso richiede informazioni sui prerequisiti, predisponi un campo dedicato e coerente invece di inserirle casualmente nelle descrizioni.

Prova la pagina con diversi record. Apri direttamente i relativi URL, aggiorna il browser e segui i link dal catalogo. Ogni percorso dovrebbe mostrare il corso corretto e l’azione per richiedere informazioni dovrebbe portare alla destinazione prevista.

Se in seguito aggiungi le iscrizioni a pagamento, considerale un flusso di lavoro aggiuntivo con requisiti specifici. Mostrare un prezzo e inserire un link alla pagina di un corso non significa aver implementato i pagamenti o le iscrizioni.

Passaggio 7: prepara le pagine basate sul database per la SEO#

I motori di ricerca hanno bisogno di pagine accessibili e con contenuti utili. Il database ti aiuta a gestire questi contenuti in modo coerente, ma generare semplicemente più URL non rende il sito web più utile per chi effettua ricerche.

Assegna a ogni corso un titolo chiaro e una descrizione che ne spieghi l’offerta specifica. Evita di riempire tutte le pagine con lo stesso paragrafo generico, cambiando solo il nome del corso. I lettori dovrebbero poter capire in cosa si differenzia un corso dagli altri.

Imposta titoli e descrizioni specifici per ogni pagina#

Nelle impostazioni SEO della pagina dei dettagli di TeleportHQ, puoi collegare il meta title e la meta description al record corrente. I campi SEO dedicati sono utili quando il titolo o il riepilogo mostrato nella pagina non corrisponde al testo che vuoi usare nei metadati per i motori di ricerca.

Controlla i valori risultanti per diversi record, invece di verificare solo il modello. Se mancano contenuti di origine, alcune pagine potrebbero risultare incomplete.

Rendi i contenuti facilmente individuabili#

Inserisci un link a ogni corso nel catalogo o in una pagina di categoria pertinente. Usa testi dei link descrittivi e URL leggibili, e aggiungi un testo alternativo appropriato alle immagini informative.

Dopo la pubblicazione, controlla URL pubblici rappresentativi in Google Search Console. Verifica che i contenuti che vuoi indicizzare siano accessibili e che le pagine importanti non siano state escluse per errore.

Mantieni una struttura del sito utile ai visitatori. Crea pagine di categoria per aiutare le persone a esplorare un argomento e fornisci contenuti pertinenti sufficienti a spiegare lo scopo di ciascuna pagina. I controlli di ricerca possono affiancare la navigazione, ma non dovrebbero essere l’unico modo per trovare i record importanti.

Passaggio 8: testa, pubblica e verifica gli aggiornamenti#

Visualizza un'anteprima del design, pubblica il sito e testa l'intero percorso nella versione online. Verifica le connessioni, la ricerca e l'aggiornamento dei dati nell'esperienza effettiva dei visitatori.

Un controllo mirato prima del lancio può includere quanto segue:

Verifica anche i valori facoltativi mancanti. Uno stato di caricamento, una raccolta vuota e un errore sono situazioni diverse. Progetta messaggi adeguati per gli stati supportati dagli elementi che utilizzi, così i visitatori possono capire cosa è successo e cosa possono fare in seguito.

Scopri quando è necessario pubblicare#

Le modifiche al layout e alla configurazione richiedono la pubblicazione. Il sito pubblicato e l’editor recuperano i dati separatamente, quindi aggiornare l’editor non equivale a pubblicare una pagina modificata.

Per le pagine collegate ai dati, i record possono essere recuperati senza ricreare manualmente ogni pagina. La memorizzazione nella cache e il comportamento della sorgente influiscono su quando vengono visualizzati i valori aggiornati. Se l’editor e il sito pubblicato non coincidono, controlla il record originale, aggiorna la sorgente pertinente e verifica le impostazioni della cache prima di concludere che il collegamento non funziona.

Per i blog e i centri assistenza integrati, le pagine devono essere state pubblicate almeno una volta e gli articoli devono avere lo stato di pubblicazione appropriato per essere visualizzati. Considera la pubblicazione dei contenuti e quella del design delle pagine come fasi correlate ma distinte del flusso di lavoro.

Hosting del database: dove risiedono i dati del tuo sito web#

L’hosting del sito web gestisce il sito visitato dagli utenti. L’hosting del database gestisce il servizio che archivia e recupera le informazioni del sito. Una piattaforma può offrire entrambi i servizi oppure questi possono essere gestiti separatamente.

Con il database integrato di TeleportHQ, non è necessario configurare un server di database separato. Il database è ospitato per il progetto ed è compatibile con i siti ospitati su TeleportHQ.

Questo rapporto di hosting è importante se prevedi di esportare il progetto. La connessione al database integrato non funziona con il codice scaricato e ospitato altrove. Per una distribuzione esterna, pianifica la connessione al database e gli altri requisiti di backend prima di scegliere una configurazione.

Quando colleghi un database esterno, questo resta presso il suo provider. In questo modo mantieni la continuità con l’infrastruttura dati esistente, ma devi anche gestire l’account del provider, la capacità e le impostazioni di connessione.

Verifica i limiti prima del lancio#

I limiti documentati per il database integrato variano tra il periodo di prova e l’uso a pagamento:

I limiti si applicano anche a tabelle, colonne e indici. Consulta i limiti attuali dei piani database di TeleportHQ prima di importare un set di dati di grandi dimensioni o pubblicare un sito che dipende dal database.

Stima sia il numero di record sia lo spazio di archiviazione. Una directory con record di testo brevi e una base di conoscenze con articoli lunghi possono avere un numero simile di record ma esigenze di archiviazione diverse. I database esterni seguono i limiti di capacità stabiliti dai rispettivi provider.

Gestire l’accesso ai dati e la manutenzione continua#

La prima versione di un catalogo potrebbe mostrare solo informazioni pubbliche. Se in seguito aggiungi dati dei clienti, contenuti privati o strumenti di modifica, verifica i requisiti di accesso prima di utilizzare tali informazioni.

Decidi chi può leggere, creare, modificare ed eliminare ciascun tipo di record. Un amministratore che aggiorna i corsi ha bisogno di autorizzazioni diverse da quelle di un visitatore che li consulta. Se gli utenti gestiscono i propri contenuti, l’applicazione deve garantire quali record ciascuno può consultare.

TeleportHQ memorizza le credenziali del database e le chiavi API come Secret del progetto. Utilizza i controlli previsti per le credenziali e non inserire i dettagli sensibili di connessione nel testo della pagina o nel codice pubblico.

Un pulsante o una sezione nascosti non garantiscono di per sé la protezione dei dati. Verifica l’accesso a livello di applicazione e di dati, compreso ciò che può recuperare un visitatore non autenticato. Questo è particolarmente importante quando un progetto combina elenchi pubblici e informazioni operative private.

Definisci un processo di aggiornamento gestibile#

Scegli una persona o un team responsabile dei contenuti. Concorda come esaminare i nuovi record e come correggere o rimuovere quelli obsoleti.

Per un catalogo di corsi, un processo semplice potrebbe essere:

1. Prepara le informazioni sul corso utilizzando i campi concordati.
2. Controlla la descrizione, il prezzo e il recapito per le richieste di informazioni.
3. Aggiungi il record e verifica l’elenco e la pagina dei dettagli.
4. Esamina regolarmente il catalogo per individuare i corsi non più disponibili.

Se il progetto utilizza funzionalità di pubblicazione integrate, includi i relativi controlli sullo stato dei contenuti nel processo. Per una tabella personalizzata, definisci e implementa l’eventuale flusso di revisione necessario: aggiungere una colonna di stato, da solo, non limita automaticamente l’accesso pubblico.

Tieni traccia dei campi utilizzati nei collegamenti alle pagine prima di modificare la struttura della tabella. Rinominare o eliminare una colonna può influire su tutte le pagine che ne dipendono. Prima di un aggiornamento in blocco, verifica come verranno abbinati i record e come potrai ripristinare i dati se l’importazione produce un risultato indesiderato.

Errori comuni nella creazione di un sito web con un database#

La maggior parte dei problemi iniziali deriva da una mancata corrispondenza tra la struttura dei dati e l’interfaccia. I seguenti controlli possono far risparmiare tempo durante la configurazione:

Evita di ampliare il progetto prima che queste basi funzionino. Aggiungere altri record a un binding difettoso rende il problema più evidente senza risolverne la causa.

Per una prima versione, il risultato più utile è un percorso completo e testato con contenuti accurati. Le funzionalità aggiuntive dovrebbero rispondere a un'esigenza chiara, come consentire prenotazioni a pagamento o permettere agli insegnanti di accedere ai propri record.

Domande frequenti#

Posso creare un sito web con un database senza scrivere codice?#

Sì. TeleportHQ offre strumenti visuali per configurare database, gestire record e collegare i dati agli elementi delle pagine. Dovrai comunque pianificare la struttura e configurare il comportamento del sito. I flussi di lavoro avanzati o le integrazioni insolite potrebbero richiedere ulteriore sviluppo.

Posso usare il database che già possiedo?#

Puoi collegare un database esterno supportato e usare le relative informazioni nel progetto. Verifica il connettore, l’accesso alla rete, le credenziali e le operazioni di cui hai bisogno. Il supporto per la lettura di una sorgente non significa che tutte le sorgenti offrano gli stessi strumenti di modifica o gestione della struttura.

Creare un database online è la stessa cosa che creare un sito web con un database?#

No. Un database online archivia e organizza le informazioni. Un sito web con un database aggiunge un’interfaccia rivolta ai visitatori e le funzionalità necessarie per usare tali informazioni. Per realizzare il sito web, occorre progettare le pagine, collegare i record e testare le azioni che gli utenti eseguiranno.

Aggiungere un database richiede uno slot Web App?#

Il semplice collegamento a una sorgente di dati non richiede uno slot Web App in TeleportHQ. Funzionalità come l’autenticazione, i flussi di lavoro, l’e-commerce e il blog o il centro assistenza integrati abilitano le funzionalità delle web app. Anche alcuni comportamenti opzionali, come la memorizzazione nella cache degli elenchi, richiedono tali funzionalità.

Posso esportare un sito web che usa contenuti di un database?#

La documentazione di TeleportHQ limita l’esportazione del codice per i progetti collegati a dati a Next.js. Il download del codice è disponibile con i piani Pro e Premium, ma non durante il periodo di prova. La connessione al database integrata continua a dipendere dall’hosting di TeleportHQ, quindi esportare il codice non equivale a trasferire un backend funzionante e ospitato.

Dovrei creare tabelle personalizzate per un blog o un negozio online?#

Inizia con la funzionalità integrata se soddisfa le tue esigenze. Offre le pagine previste e la struttura di supporto per quel tipo di sito. Le tabelle personalizzate sono utili per un modello di contenuti o un’applicazione diversi, come il catalogo dei corsi descritto in questa guida. Verifica i requisiti delle funzionalità prima di modificare le tabelle utilizzate da un sistema integrato.

Crea il tuo primo sito web basato su database#

Inizia dalle informazioni di cui hanno bisogno i visitatori e da un piccolo gruppo di record rappresentativi. Crea o collega il database, realizza le pagine di elenco e di dettaglio e verifica l’intero percorso sul sito pubblicato.

Se il tuo progetto è un blog, un centro assistenza o un negozio, usa la funzionalità integrata pertinente come punto di partenza. Per un catalogo o una directory personalizzati, definisci le tabelle in base ai tuoi contenuti e collegale a layout riutilizzabili. Quando i primi record vengono visualizzati correttamente e il processo di aggiornamento funziona, puoi ampliare la raccolta senza riprogettare ogni pagina.