La home page dello sviluppo personale è Cloudflare + GitHub. Come creare un sito statico aggiornato con AI e i costi

Se stai creando un'app da solo, oltre a sviluppare l'app stessa, avrai bisogno anche di una home page per presentare la tua attività e fornire supporto.

SANGE Studio necessita inoltre di un sito web per prepararsi all'ottenimento di un numero DUNS e per preparare una pagina introduttiva per l'app. Voglio creare una configurazione che costi il ​​meno possibile e richieda meno tempo per la gestione quotidiana. L'opzione è pubblicare un sito statico con Cloudflare e gestire i file con GitHub.

Quando si aggiorna un articolo, l'intelligenza artificiale aiuta a creare e modificare l'HTML e gli esseri umani controllano il contenuto e lo visualizzano prima di pubblicarlo. Riteniamo che questa configurazione sia sufficiente in molte situazioni per i siti aziendali personali.

In questo articolo spiegheremo i motivi per sceglierne uno, la modalità di pubblicazione e il costo. Prezzi e specifiche sono informazioni al 27 ottobre 2026.

1. Preparare il sito dopo aver ottenuto il numero DUNS e aver introdotto l'app.

Un numero DUNS è un numero di 9 cifre che identifica un'azienda o un'entità commerciale. Come regola generale, questo numero ti servirà quando crei un account aziendale Google Play.

Oltre al numero DUNS, Google Play richiede anche un "sito web aziendale" come informazioni di registrazione per un account aziendale. [1]

È qui che è facile confondersi. Una cosa è cheGoogle Play richieda un sito web; un'altra cosa è che un sito web sia richiesto in modo uniforme per tutte le richieste di numero DUNS. Per le informazioni necessarie per richiedere un numero D-U-N-S, controlla le istruzioni dello sportello che utilizzi.

In ogni caso una pagina che spieghi la realtà della tua attività e una pagina di presentazione/supporto dell'app ti saranno utili per le operazioni successive. Puoi iniziare in piccolo preparando i seguenti contenuti:

Ciò non significa che solo preparando un sito si supererà l'esame. È importante che le informazioni pubblicate siano coerenti con i dettagli aziendali e della domanda effettivi.

2. I siti statici sono una buona opzione se desideri ridurre i costi e gli sforzi di gestione.

Per avere una homepage non è necessariamente necessario noleggiare un server o installare WordPress.

Cloudflare Pages è un servizio che ti consente di pubblicare HTML, immagini, ecc. È disponibile nel piano gratuito e può anche essere pubblicato utilizzando l'URL fornito dal servizio: ○○.pages.dev. [2]

GitHub verrà utilizzato come luogo per gestire i file del tuo sito e modificare la cronologia. Puoi verificare quando e dove è stato risolto qualcosa e, se c'è un problema, puoi lasciare indizi per tornare allo stato precedente.

L'organizzazione dei ruoli è la seguente:

Cloudflare non è l'unico servizio più economico in circolazione. Ci sono anche servizi disponibili gratuitamente. Inoltre, è un'opzione adatta al tuo scopo di avviare un sito di presentazione dello sviluppo personale a basso costo.

1. AI + UmanoCreazione e controllo di articoli/HTML
2. GitHubGestisci file e modifica la cronologia
3. Azioni GitHubPubblicazione delle modifiche approvate
4. Pagine CloudflareDistribuisci HTML e immagini ai lettori

Gestito su GitHub e pubblicato su Actions. Cloudflare Pages fornisce pagine ai lettori.

3. Differenza tra hosting statico e CMS

L'hosting statico è un sistema che fornisce HTML e immagini pre-creati agli spettatori così come sono.

Un CMS è un sistema che semplifica la gestione e l'aggiornamento di articoli e immagini. WordPress è un tipico esempio. Puoi scrivere articoli e impostare la data e l'ora di pubblicazione dalla schermata di gestione.

A rigor di termini, i due non sono contrari. Esiste anche una configurazione che gestisce gli articoli con un CMS e consegna le pagine completate come sito statico. Per facilitare la comprensione, qui confronteremo una configurazione in cui l'HTML è gestito su GitHub e una configurazione in cui installi e gestisci WordPress generale da solo.

L'HTML è un file che descrive la struttura di una pagina. Tradizionalmente, toccare il codice ogni volta che si aggiungeva un articolo era una parte gravosa dei siti statici. Avere l’intelligenza artificiale che ti aiuta in questo compito renderà più facile la scelta.

4. Considerando la risposta alle vulnerabilità e l’evoluzione dell’IA, vogliamo ridurre il meccanismo di divulgazione.

Pubblicare un sito web non è la fine. Se viene rilevata una vulnerabilità nel software che utilizzi, dovrai aggiornarlo o controllarlo. La documentazione ufficiale di WordPress spiega anche come aggiornare l'unità principale, i plugin, ecc. e come gestire le autorizzazioni e l'autenticazione. [3]

Nello sviluppo personale, il tempo a disposizione per il mantenimento è limitato. Se l'attenzione è rivolta alle presentazioni aziendali e alle presentazioni di app, volevo ridurre la necessità di gestire i programmi e i database eseguiti durante la navigazione, nonché la schermata di accesso per la modifica degli articoli aperta al pubblico.

Concentrandosi sulla pura distribuzione di file statici, è possibile ridurre il numero di punti di ingresso per gli attacchi che prendono di mira tali aree. Tuttavia, anche i siti statici possono essere danneggiati se gli account GitHub o Cloudflare vengono violati o se viene mischiato JavaScript dannoso. La sicurezza è determinata sia dalla configurazione che dal funzionamento.

Il motivo per cui voglio scegliere un sito statico non è perché tutte le vulnerabilità oggigiorno sono causate dai CMS. Questo perché c'è meno da gestire per le funzionalità di cui hai bisogno.

Inoltre, l’intelligenza artificiale può ora aiutare nella creazione di HTML e CSS, riducendo l’onere della modifica diretta dei file. Ciò semplifica la configurazione della sicurezza e riduce lo sforzo richiesto per gli aggiornamenti. Questa combinazione è attraente su scala personale.

5. Gli articoli vengono convertiti in HTML utilizzando l'intelligenza artificiale, controllati da esseri umani e quindi pubblicati.

Il flusso di aggiornamento previsto prevede i sei passaggi seguenti.

1. Organizza il tema dell'articolo, il contenuto che desideri trasmettere e l'esperienza.
2. Chiedi all'AI di creare una pagina di articolo che corrisponda al design esistente.
3. Registra la modifica proposta su GitHub.
4. Gli esseri umani controllano il testo, le prove, la visualizzazione sullo schermo e le modifiche.
5. Incorpora le modifiche confermate nel ramo main per la pubblicazione.
6. Le azioni GitHub pubblicano su Cloudflare Pages.

Il meccanismo per verificare le modifiche proposte su GitHub è chiamato "richiesta pull" e l'operazione di incorporazione delle modifiche confermate è chiamata "unione". Anche se lo esegui da solo, puoi impostare un passaggio per verificare tra la creazione e la pubblicazione.

Ad esempio, le richieste ad AI possono essere specificate come segue.

Converti questo manoscritto in HTML utilizzando la pagina dell'articolo esistente come riferimento. Organizza intestazioni, tabelle e collegamenti di riferimento per facilitarne la lettura sugli smartphone. Si prega di aggiornare anche l'elenco degli articoli e la mappa del sito. Si prega di non aggiungere esperienze o numeri che non siano presenti nel manoscritto e di evidenziare eventuali affermazioni che richiedono conferma.

Prima della pubblicazione, controlliamo l'accuratezza del testo, la visualizzazione sugli smartphone, le destinazioni dei collegamenti, i diritti sulle immagini e se sono mescolate informazioni personali o riservate. Anche le revisioni dell'intelligenza artificiale possono essere utilizzate per assistere, ma il semplice fatto che le IA si controllino a vicenda non garantisce l'accuratezza.

Se hai più articoli, puoi passare alla scrittura del corpo del testo in Markdown e alla generazione di HTML. Penso che sia meglio non creare un grande sistema fin dall'inizio e introdurlo solo quando gli aggiornamenti diventano un peso.

1. 1. Prepara il manoscrittoOrganizza il contenuto che desideri trasmettere
2. 2. Converti in HTML con l'intelligenza artificialeAbbina al design esistente
3. 3. Conferma umanaControlla testo, prove e visualizzazione
4. 4. Si riflette nelleazioni principali pubblicate nelle Pagine

Tra la creazione da parte dell'intelligenza artificiale e la pubblicazione, ci sarà una fase in cui gli esseri umani controlleranno il contenuto e lo visualizzeranno.

6. Aggiungi servizi se hai bisogno di pubblicare prenotazioni o funzioni di modifica.

Per i siti statici, la semplice scrittura di una data futura nell'HTML non riserva il sito per la pubblicazione. Se carichi un file, potresti riuscire a visualizzarlo dall'URL anche se non è elencato nell'elenco degli articoli.

Se si rende necessaria la pubblicazione pianificata, prendi in considerazione un CMS headless in grado di gestire la data e l'ora di pubblicazione o un servizio che supporti la distribuzione pianificata. Un CMS headless è un CMS che fornisce funzioni di gestione degli articoli e può essere utilizzato separatamente dall'aspetto e dalla distribuzione della pagina.

In questo caso, non dovresti includere l'articolo nel file di pubblicazione fino alla data e all'ora specificate e combinarlo con il processo di pubblicazione all'ora specificata. Assicurati inoltre che i manoscritti privati ​​non siano esposti nelle anteprime o negli archivi pubblici.

Esiste anche un modo per impostare l'esecuzione regolare delle azioni GitHub, ma l'esecuzione potrebbe essere ritardata, quindi non è adatta per applicazioni che richiedono rigide garanzie temporali. [8]

Se più persone hanno bisogno di modificare, approvare, gestire immagini e pianificare la pubblicazione su base giornaliera, un CMS sarà di grande valore. Prevediamo di rivedere la configurazione quando aumenteranno le funzioni di modifica necessarie.

7. Dalla registrazione a Cloudflare alla pubblicazione della pagina web

Qui ti mostreremo come pubblicare da GitHub Actions utilizzando il "Caricamento diretto" di Cloudflare Pages. Il funzionario Cloudflare fornisce anche le istruzioni per questa combinazione. [4]

Cloudflare dispone anche di un'opzione di distribuzione statica denominata Workers Static Assets, ma le impostazioni e i comandi in questo articolo riguardano Pages. Il nome visualizzato potrebbe cambiare, quindi controlla il nome del servizio e le impostazioni prima di procedere.

Passaggio 1: crea account Cloudflare e GitHub

Crea un account con Cloudflare e GitHub e completa la verifica dell'email. Configura l'autenticazione a più fattori su entrambi.

Puoi iniziare con il piano gratuito. Anche se disponi di un dominio originale esistente, puoi iniziare a controllare la pubblicazione dall'URL fornito da Pages.

Passaggio 2: ottieni il tuo dominio

Un dominio personalizzato è un nome sul Web che acquisisci e continui a utilizzare, ad esempio example.com. Questo è un contratto separato da Cloudflare Pages, che archivia i file del tuo sito. Acquisire il tuo dominio costa denaro e dovrai pagare una tariffa di rinnovo per continuare a utilizzarlo dopo averlo acquisito. Puoi pubblicarlo con pages.dev gratuito, ma se vuoi continuare a utilizzarlo come sito aziendale, sarà più facile guidarti se prepari un dominio univoco che corrisponda al nome della tua attività. Se ce l'hai già, non è necessario acquistarne uno nuovo.

Le fonti includono Cloudflare Registrar e altri servizi di registrazione di domini. Se vuoi gestirli tutti insieme con Cloudflare, puoi ottenerli utilizzando la seguente procedura. [11]

1. Accedi a Cloudflare e apri "Registra domini" in "Registrazione dominio".
2. Cerca il nome di dominio desiderato e scopri quali opzioni sono disponibili. Scegli un nome che si avvicini al nome della tua attività e che sia breve e facile da digitare.
3. Controlla la tariffa di acquisizione, gli anni del contratto e la prossima data di rinnovo. Confrontiamo non solo il prezzo basso per il primo anno, ma anche le spese di rinnovo, le tasse e le valute di pagamento.
4. Inserisci il nome, l'indirizzo, il numero di telefono e l'indirizzo e-mail del registrante in modo accurato e registra il metodo di pagamento. Le informazioni del registrante Cloudflare devono essere inserite in caratteri ASCII, quindi inserisci nomi e indirizzi giapponesi in caratteri romani, ecc.
5. Controlla i termini e l'importo del pagamento e conferma l'acquisto.
6. Controlla l'e-mail di conferma della registrazione e completa la verifica dell'indirizzo e-mail richiesta. Controlla anche le impostazioni di rinnovo automatico e la data di scadenza del tuo metodo di pagamento.

I domini acquisiti con Cloudflare Registrar utilizzano i server dei nomi di Cloudflare. Non è un servizio che permette di passare liberamente al name server DNS di un'altra azienda dopo averlo acquisito. Inoltre, se il suffisso di dominio desiderato non è disponibile, ottenetelo da un servizio di terze parti compatibile. [11]

La tua pagina web non verrà visualizzata semplicemente acquisendo un dominio. Successivamente, pubblica il tuo sito su Pages e collegalo al tuo dominio nel passaggio 8. Anche se hai acquisito il tuo dominio con un'altra società, puoi utilizzarlo insieme a Pages senza dover trasferire la registrazione del dominio su Cloudflare.

Un abbonamento a un dominio non include necessariamente le caselle di posta per quel dominio. Se desideri inviare e ricevere e-mail tramite info@example.com, ecc., considera un servizio di posta elettronica separato.

Passaggio 3: crea un repository su GitHub

Un repository è un repository per i file del tuo sito e la cronologia delle modifiche. Crealo dal "Nuovo repository" di GitHub con il nome, ad esempio, sange-studio-web.

Se hai a che fare con manoscritti privati, selezionare Privato ne renderà più semplice la gestione. Tuttavia, anche in un archivio privato, i file inseriti nella cartella pubblica verranno recapitati al sito.

Metti solo i file che vuoi rendere pubblici nella cartella public. Ad esempio, public/index.html è la pagina principale, public/apps/index.html è l'elenco delle app e public/privacy/index.html è l'informativa sulla privacy. Ciò consente di restringere l'intervallo in cui manoscritti e file di configurazione vengono erroneamente distribuiti al sito.

Puoi iniziare solo con public/index.html. Chiedi all'intelligenza artificiale di creare una pagina di presentazione aziendale e di controllare la visualizzazione sul tuo browser.

Passaggio 4: crea un progetto Cloudflare Pages

Nella schermata di amministrazione di Cloudflare, vai su "Lavoratori e pagine" per creare un'applicazione e seleziona Caricamento file (caricamento diretto) per le pagine. Decidi un nome per il progetto e carica il contenuto della cartella public per pubblicarlo per la prima volta. [5]

Accedi a https://nomeprogetto.pages.dev che viene visualizzato a questo punto e controlla la pagina principale. Il nome del progetto e l'ID account verranno utilizzati nelle impostazioni successive.

I progetti creati utilizzando il caricamento diretto non possono essere passati al tipo collegato a Git in un secondo momento. Se vuoi cambiare, dovrai creare un nuovo progetto. [5]

Passaggio 5: crea un token API pubblico

I token API sono credenziali per la pubblicazione da GitHub Actions a Cloudflare.

Crea un token personalizzato dalla schermata Token API Cloudflare e imposta le autorizzazioni su "Account → Pagine Cloudflare → Modifica". Restringi gli account di destinazione a quelli di cui hai bisogno. [4]

I token creati non vengono scritti direttamente su file HTML o GitHub.

Passaggio 6: registrare le informazioni di autenticazione in GitHub Secrets

Nel repository GitHub, apri "Impostazioni → Segreti e variabili → Azioni" e aggiungi i due seguenti come segreti del repository.

Secrets è una funzione che memorizza le informazioni di autenticazione utilizzate nei processi di pubblicazione. [4]

Passaggio 7: aggiungi le impostazioni di visibilità per le azioni GitHub

Crea .github/workflows/deploy.yml nel tuo repository e salva il seguente contenuto: Sostituisci your-pages-project con il nome del tuo progetto Pages.

name: Deploy website

on:
  push:
    branches: [main]
  workflow_dispatch:

permissions:
  contents: read

concurrency:
  group: production-website
  cancel-in-progress: false

jobs:
  deploy:
    runs-on: ubuntu-latest
    timeout-minutes: 10
    steps:
      - name: Checkout
        uses: actions/checkout@v6

      - name: Check entry page
        run: test -f public/index.html

      - name: Deploy to Cloudflare Pages
        uses: cloudflare/wrangler-action@v4
        with:
          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
          command: pages deploy public --project-name=your-pages-project --branch=main

Basandoci sull'esempio ufficiale, abbiamo una configurazione minima che viene esposta solo quando viene aggiornato main. [4] Non esiste un processo di generazione HTML, quindi non sono richieste impostazioni di creazione. In questo esempio, il controllo serve solo a confermare l'esistenza della pagina principale, quindi una revisione del contenuto e della visualizzazione verrà condotta separatamente.

Assicurati inoltre che il ramo di produzione sul lato di Pages sia main per la prima volta. Dopo aver riflesso il file di configurazione in main, controlla il risultato dell'esecuzione nelle "Azioni" di GitHub e apri il sito dopo aver eseguito correttamente.

Quanto sopra è una specifica del tag di versione che dà priorità alla leggibilità. Per continuare a operare, è possibile rafforzare il controllo del percorso pubblico bloccando l'azione su un SHA di commit confermato ed esaminando gli aggiornamenti.

Passaggio 8: imposta il dominio originale acquisito su Pages

Aggiungi il dominio che desideri utilizzare da "Domini personalizzati → Configura un dominio" nel progetto Pages. [6]

I domini acquisiti con Cloudflare Registrar sono configurati per utilizzare il DNS di Cloudflare. Se utilizzi un dominio root, come example.com, acquisito da un'altra società, aggiungi il dominio a Cloudflare e modificalo con i nameserver specificati nella schermata di amministrazione del tuo registrar. Se stai utilizzando un'e-mail esistente, anche i record DNS come MX e TXT verranno trasferiti prima della modifica.

Per i sottodomini come www.example.com, puoi anche impostare un CNAME in un servizio DNS esterno. In entrambi i casi, invece di aggiungere semplicemente i record DNS, associali prima ai domini personalizzati in Pages. [6]

Dopo l'attivazione verifica che sia possibile aprire con HTTPS e che immagini, link e visualizzazione sullo smartphone siano corretti. Se desideri rendere il tuo dominio un URL ufficiale, includi anche gli URL canonici e della mappa del sito.

C'è anche un modo per iniziare con meno impostazioni.

Se non hai bisogno del controllo della pubblicazione con GitHub Actions, è più semplice integrare i repository GitHub direttamente con Pages, che richiede meno configurazione. La configurazione consiste nel selezionare l'importazione del repository Git nella schermata di creazione di Pages, impostare il ramo di produzione su main, nessun framework, creare il comando su exit 0 e la destinazione dell'output su public. [9]

Con questo metodo, Cloudflare rileva le modifiche a GitHub e le pubblica, in modo da eliminare la necessità di impostare token e azioni API pubbliche. Non è necessario eseguire contemporaneamente il metodo Azioni e la pubblicazione automatica del metodo Collegamento diretto.

1. Dominio unicoEsempio: esempio.com
2. Impostazioni DNSSpecifica la destinazione della connessione del dominio
3. Configura pagineAssocia a domini personalizzati
4. Visualizza sitoVerifica la pubblicazione con HTTPS

Ottenere un dominio e pubblicare una pagina sono due compiti diversi. Allinea le impostazioni DNS e le associazioni sul lato Pagine.

8. Quanto costa?

Se hai un sito piccolo come questo articolo che distribuisce HTML, CSS e immagini, puoi iniziare a ospitare e gestire file per soli 0 yen al mese.

Cloudflare afferma che il numero di richieste e la larghezza di banda per Pages sono illimitati, ma esistono restrizioni come il numero di file e le condizioni di utilizzo. Il piano gratuito consente 500 build collegate a Git al mese e un massimo di 20.000 file. Durante l'elaborazione e il caricamento diretto con azioni GitHub, distinguere tra il frame di creazione sul lato Cloudflare e il frame di esecuzione sul lato GitHub. [2][7]

GitHub Actions può essere eseguito gratuitamente sul runner standard ospitato su GitHub per i repository pubblici. Fai attenzione a non superare il livello gratuito nei repository privati. Altri requisiti sono grandi guide e capacità di stoccaggio. [10]

Ad esempio, se esegui un processo di pubblicazione di 3 minuti ciascuno su un repository privato 30 volte al mese, il tempo totale sarà di 90 minuti. Se non utilizzi la quota per altri scopi e la tua capacità di archiviazione rientra nella quota, puoi utilizzare 2.000 minuti al mese.

Se hai già il tuo dominio, non ci sono costi per acquisire un nuovo dominio quando aggiungi un sito. Tuttavia, continueranno ad essere applicate le tariffe di rinnovo per i domini esistenti. Non giudicare il prezzo del tuo dominio solo in base allo sconto del primo anno; controlla anche il prezzo di rinnovo.

Tieni presente che il costo per l'aggiunta di API, database, funzioni di Pages, ecc. non è incluso in questa stima del sito statico.

Per lo sviluppo personale, scegli una configurazione che ti consenta di continuare a operare.

Presentazione aziendale, presentazione dell'applicazione, supporto, blog aggiornato da un numero limitato di persone. Per questi scopi, l’esecuzione di un sito statico con Cloudflare e GitHub è un’ottima opzione.

L'intelligenza artificiale aiuta a creare e modificare le pagine e gli esseri umani esaminano e approvano il contenuto, che viene quindi pubblicato automaticamente. Quando le funzioni di modifica necessarie aumentano, aggiungi in quella fase un CMS o servizi esterni.

Per un'operazione su scala personale come SANGE Studio, vorremmo scegliere una configurazione che ci consenta di continuare a fornire informazioni aziendali garantendo allo stesso tempo tempo per lo sviluppo dell'applicazione.

Materiali di riferimento

1. Informazioni necessarie per creare un account Google Play Console
2. Informazioni sul prodotto delle pagine Cloudflare
3. Funzionario WordPress: rafforzamento di WordPress
4. Ufficiale Cloudflare: caricamento diretto e integrazione CI
5. Cloudflare ufficiale: caricamento diretto
6. Cloudflare ufficiale: domini personalizzati
7. Limiti delle pagine Cloudflare
8. Ufficiale di GitHub: pianifica evento
9. Ufficiale Cloudflare: HTML statico
10. Prezzi e livello gratuito di GitHub Actions
11. Cloudflare ufficiale: registra un nuovo dominio