Share
Se sei uno sviluppatore front-end come me, sono sicuro che ti sei già trovato in questa situazione. Hai creato un sito statico semplice o hai scaricato un bel modello statico, quindi hai pensato "Oh, se solo potessi inserire un modulo di contatto su questo" o "Voglio solo aggiungere un pulsante di pagamento". Questi sono i tipi di domande che trasformano un piccolo progetto in una bestia molto più grande.
Ma non deve essere così. Esistono molti strumenti e funzionalità che è possibile aggiungere a un sito statico senza dover introdurre PHP, Ruby o qualsiasi altra forma di sviluppo del backend. In questo articolo ho elencato alcune risorse che renderanno il tuo sito un po 'meno statico.
Sì, mi rendo conto che non si tratta di una risorsa o strumento di front-end, ma se vuoi che qualcuno veda il tuo sito devi metterlo sul web.
Per il sito statico che ospita uno dei miei due preferiti è sicuramente GitHub Pages. GitHub Pages è progettato per consentire alle persone di creare siti Web in coincidenza con i loro progetti Web su GitHub.com. Fa un ottimo lavoro anche a questo, così tanto che le persone lo usano per ospitare il loro portafoglio principale o siti web personali su di esso. Dai un'occhiata ai seguenti tutorial per saperne di più:
Nota: Se hai scaricato un modello da Envato Market o vuoi ospitare materiale sensibile su GitHub Pages, dovrai pagare un repo privato. In queste situazioni è importante che le persone non possano scaricare liberamente il codice direttamente da GitHub.com
Surge è un altro dei miei preferiti ed è fantastico per l'hosting statico, specialmente se ti piace spingere i siti live tramite la riga di comando. Il processo di installazione è piacevolmente semplice.
Il tricheco di SurgeSurge plus, che offre funzionalità più robuste rispetto al piano tariffario gratuito, come la protezione tramite password e HTTPS, (al momento della stesura di una scrittura) ti costerà $ 13 al mese.
Le forme, per me, erano il punto di svolta in cui ammettevo che "avrò bisogno di qualche PHP qui". Bene, non più, grazie a strumenti come Formspree, Disqus e persino Google Forms.
Formspree ti consente di trasformare un modulo HTML statico in un modulo di contatto pienamente funzionante. Se vuoi provarlo da te, ho scritto un articolo su come aggiungere moduli Formspree a un sito statico.
Se dovessi aggiungere un sistema di commenti a qualsiasi sito, andrei direttamente su Disqus; sembra fantastico e funziona perfettamente (gestire lo spam estremamente bene). Oltre a ciò, aggiunge dinamiche sociali e di gamification ai commenti, raccomandando discussioni, raccogliendo le tendenze da tutto il Web e consentendo agli utenti di guadagnare punti attraverso il voto della community.
Offre persino la monetizzazione consentendo agli editori di accedere alla piattaforma pubblicitaria di Disqus.
D'altra parte, mentre Google Forms è probabilmente uno strumento meno noto, è abbastanza buono per gestire il feedback e raccogliere dati sui sondaggi. Ti consigliamo inoltre di consultare i nuovi moduli Google in quanto hanno aggiornato l'interfaccia utente e i moduli per seguire il nuovo sistema di Design dei materiali.
Mmmm ... marshmallowsDa quando ho scoperto CloudFlare l'ho usato per l'installazione tutti i miei domini. La configurazione del tuo dominio con CloudFlare sblocca un sacco di funzionalità che puoi abilitare dall'interfaccia di amministrazione. SSL flessibile, ricerca sul sito, compressione HTML e altro. Se includerai widget di terze parti e plug-in sul tuo sito web statico, gli strumenti di ottimizzazione di CloudFlare garantiranno che il tuo sito funzioni nel modo migliore possibile. Ecco un elenco completo delle app disponibili.
Prendendo i pagamenti su un sito web statico? Sei arrabbiato!? Beh, in realtà no, se hai il certificato SSL giusto e hai impostato tutto in modo sicuro puoi prendere i pagamenti su un sito statico con la stessa facilità con cui hai qualsiasi altro tipo.
Envato Market ha centinaia di modelli statici a tema retail, ideali per vendere oggetti online, senza essere legati a una piattaforma dinamica.
Se desideri prendere singolari pagamenti per un prodotto, ti consiglio vivamente di utilizzare Stripe Checkout. Il design della finestra di dialogo è di prim'ordine, rendendo l'esperienza utente pulita, piuttosto che indirizzando l'utente a un sito Web completamente diverso.
Inoltre, poiché è legato al tuo account Stripe, puoi utilizzare la loro app ufficiale per monitorare i pagamenti.
Alla ricerca di qualcosa di un po 'più potente? Qualcosa che può consentire più prodotti, un carrello e una procedura di pagamento completa? Nessun problema, Gumroad ti dà le spalle con il loro Widget Inline Purchases.
Aggiungendo questo a ciascun prodotto sul tuo sito statico consentirai all'utente di aggiungere più prodotti al proprio paniere e pagarli tramite il sistema di pagamento Gumroad, che puoi gestire dal tuo account Gumroad. Per saperne di più:
Ci sono un paio di altri strumenti là fuori che potresti trarre vantaggio se stai creando un sito Web usando pagine statiche.
Se vuoi aggiungere una mappa al tuo sito, ti consiglio MapBuildr, che offre un'interfaccia relativamente semplice per creare la tua incorporazione della mappa utilizzando l'API di Google Maps.
Un'altra caratteristica che potresti voler aggiungere è un blog. Senza utilizzare un generatore come Jekyll, non è possibile implementare facilmente un blog in un sito statico ma è possibile utilizzare un servizio specificamente progettato per il blog. Il mezzo è diventato estremamente popolare per le persone e le aziende con cui fare blog e c'è in realtà un modo per incorporare gli articoli medi su una pagina statica.
La presentazione dell'embed è elegante e pulita, quindi non dovrebbe interferire con il design del tuo sito.
Come puoi vedere, un sito statico in realtà non deve essere statico. Ci sono molti strumenti potenti là fuori per dare vita ai tuoi modelli statici, la maggior parte dei quali sono completamente gratuiti da configurare. Tutti gli strumenti sopra menzionati sono stati costruiti e progettati con cura e attenzione, e se hai la possibilità di usarne uno, ti consiglio vivamente di provarli.
Accentsconagua