Comment héberger un site Web ultra-rapide gratuitement sur Netlify

pile de confiture les sites sont super rapides car ils servent des fichiers statiques. Ils utilisent si peu de ressources CPU et serveur dans l'ensemble que des plateformes comme Netlify peuvent offrir un hébergement gratuit et de bonne qualité.

Netlify est un cloud-informatique environnement. Mais contrairement à d'autres plateformes cloud comme AWS et Google Cloud, Netlify est simple et facile à utiliser. Pas de tutoriels compliqués et pas de configurations longues.

Le service Netlify vise à vous simplifier la vie au maximum en combinant le meilleur de différents mondes en un seul service : le cloud computing, le pile de confiture, les référentiels Git et les tarifs freemium.

Netlify & The Jamstack

Netlify fait partie du mouvement Jamstack depuis longtemps et est l'une des premières et des meilleures plates-formes qui contribuent à la croissance de cette méthode de conception Web moderne.

Le mouvement Jamstack combine JavaScript, API et Markup pour créer une méthodologie de développement front-end qui se distingue du back-end. Cela se traduit par de meilleures performances du serveur, une meilleure Sécurité, une mise à l'échelle plus facile et des coûts de fonctionnement moins élevés.

GitHub, par exemple, proposait initialement un hébergement Web pour les fichiers hébergés sur sa plate-forme, mais le service avait ses limites. Ensuite, Netlify a porté la création de code de site Web à partir de référentiels et l'hébergement de ses variantes statiques à un tout autre niveau. Et cela a créé une toute nouvelle industrie avec de nombreux avantages.

Raisons d'utiliser Netlify

Netlify signifie tellement de choses parce qu'il fait tellement de choses. En combinant de nombreuses fonctionnalités en un seul service et en en automatisant autant que possible, la plateforme offre de grands avantages aux entreprises de toutes tailles.

Voici les principaux avantages que vous pouvez obtenir de Netlify :

• Facilité d’utilisation – Netlify est l’un des plus simples à utiliser plates-formes d'hébergement cloud là-bas. Il n’est pas nécessaire de lire des didacticiels longs et déroutants. Aucune étape de configuration compliquée à suivre, ni de routines de maintenance encore plus compliquées. Netlify fonctionne tout simplement.
  
  En plus de tout cela, le système offre des fonctionnalités informatiques élastiques comme les autres environnements cloud. Cela garantit que le moment venu, votre site Web ou votre service évoluera avec élégance pour gérer les pics de trafic sans les goulots d'étranglement habituels.
  
• Réseau de distribution de contenu – Dans le cadre de sa simplicité et de sa facilité d'utilisation, le service Netlify comprend un réseau de distribution de contenu appelé Netlify Edge. Il déploie vos pages Web sur plusieurs emplacements, pour les servir le plus rapidement possible aux visiteurs à proximité.
  
  La grande partie de ce service est que vous n'avez pas besoin de modifier et de configurer des paramètres pour obtenir les meilleurs résultats. Une fois que vous avez déployé votre site, vous mettez à jour tous vos actifs Web et votre code en même temps. Tous les caches sont instantanément invalidés et mis à jour dans le monde entier. Et vous pouvez également restaurer votre site aux versions précédentes facilement et instantanément.
  
  Netlify gère la plupart de cela automatiquement pour vous. La seule différence réside dans le nombre de services et d'emplacements périphériques que vous obtenez, car le plan gratuit a certaines limites.
  
• Plan gratuit – Netlify est un freemium logiciel en tant que service plate-forme. Mais contrairement aux autres plateformes de cloud computing, le compte gratuit est totalement gratuit. Aucune carte de crédit n'est nécessaire.
  
  Pourtant, ce forfait gratuit comprend de nombreuses fonctionnalités impressionnantes. Comme les builds Git automatisés, réseau périphérique déploiements, restauration instantanée vers les versions précédentes, aperçus en direct avant les déploiements et fonctions sans serveur gratuites.
  
• Compilations automatisées - Vous obtenez également Netlify Build gratuitement. Ce CI/CD (Intégration Continue/Déploiement Continu) facilite la gestion des évolutions et évolutions de votre site. Il se reconstruit automatiquement à partir de votre référentiel, chaque fois que vous envoyez de nouvelles mises à jour à votre compte Git.
  
  Tout est entièrement automatisé et des aperçus sont disponibles pour vous faire savoir ce que vous allez déployer. Vous pouvez également configurer chaque étape du processus et les restaurations de toutes les versions précédentes se font sans effort.
  
• Fonctions Netlifier – Chaque site que vous déployez sur la plate-forme Netlify est livré avec un accès à des fonctions sans serveur que vous pouvez utiliser pour beaucoup de choses. Ces fonctions Netlify sont des processus côté serveur qui s'exécutent sur du code JavaScript.
  
  Chaque site reçoit 125 XNUMX appels gratuitement et vous ne devez payer que lorsque vous dépassez ce quota. Vous pouvez utiliser les fonctions pour gérer les images, envoyer des e-mails, valider les entrées de l'utilisateur et même récupérer des données à partir d'autres points de terminaison d'API.
  
• Formulaires automatiques – Netlify facilite l'intégration de formulaires dans votre site statique et capturez toutes les soumissions sans codage approfondi ni autres problèmes stressants. Ajoutez simplement l'attribut 'netlify' à l'un de vos formulaires comme … et c'est tout.
  
  Vous pouvez ensuite visualiser toutes les soumissions dans votre tableau de bord, avec les formulaires soigneusement classés par nom. Le système est doté d'une fonction anti-spam et Netlify peut vous informer en outre via email, Slack ou des webhooks une fois la soumission effectuée.
  
  D'autres options incluent la transmission des formulaires soumis à plus de 1,000 XNUMX applications à l'aide de l'intégration Zapier de Netlify.
  
• NetlifyCMS - L'application NetlifyCMS est un éditeur pratique pour tout site statique hébergé sur la plate-forme Netlify via un fournisseur Git comme GitHub. Il prend toutes vos données du référentiel et crée une interface de gestion facile à utiliser.
  
  NetlifyCMS est une application React d'une seule page construite par une communauté de plus de 100 contributeurs. Il est convivial pour les éditeurs, offre un flux de travail intuitif, est entièrement gratuit et rend la gestion des sites Jamstack amusante.
  
• HTTPS gratuit – Tous les comptes d'hébergement Netlify incluent le HTTPS gratuit. Il s'agit de certificats SSL (Secure Socket Layer) gratuits.

Comptes et tarification

Netlify est un service logiciel freemium. Il existe un plan Starter entièrement gratuit, un plan Pro pour 19 $ par membre et par mois, un plan Business pour 99 $ par membre et par mois et un plan Entreprise avec des tarifs personnalisés.

La chose impressionnante à propos de Netlify est que vous pouvez faire beaucoup avec son plan de démarrage gratuit. Conçu pour les projets personnels, les expériences, les sites de loisirs et d'autres aventures, le plan Starter comprend des builds automatisés avec 300 minutes de build gratuites par mois.

Il comprend également des déploiements périphériques mondiaux, des restaurations instantanées, le NetlifyCMS, des fonctions sans serveur, une bande passante de 100 Go par mois et jusqu'à 100 soumissions de formulaires gratuits par site et par mois. De plus, vous pouvez héberger un nombre illimité de sites sur le plan Starter.

Le plan Pro ajoute plus de fonctionnalités telles que des sites protégés par mot de passe, des fonctions d'arrière-plan, plus de minutes de construction et de bande passante, et bien d'autres. Ces fonctionnalités supplémentaires augmentent à mesure que vous passez aux plans supérieurs.

Comment héberger un site web gratuitement sur Netlify

Netlify bat d'autres sociétés de cloud computing et d'hébergement comme AWS, Google Cloud et Azure pour la simplicité. Oui, ils ont plus d'infrastructures, des machines plus puissantes et des centres de données dans le monde entier, mais leur configuration peut être ennuyeuse.

Voici un processus de configuration étape par étape qui vous montre à quel point il est facile d'héberger un site Jamstack sur Netlify.

1. S'inscrire et se connecter

Votre première étape consiste à accéder à app.netlify.com et inscrivez-vous si ce n'est pas le cas. Vous serez accueilli avec cinq méthodes de connexion différentes, de GitHub à gitlab ce, bitbucket, e-mail et SSO.

Après votre inscription, vous devrez également vous connecter à votre compte de messagerie pour trouver le courrier de confirmation de Netlify. Cliquez dessus pour vérifier votre compte et vous connecter au système.

2. Ajouter un nouveau site

L'application prend quelques secondes à se charger. Ensuite, vous êtes présenté avec un court questionnaire qui comprend des choses comme le nom de votre équipe et ainsi de suite. Remplissez tout honnêtement. Mais rappelez-vous que le plan gratuit ne comprend qu'un seul membre - vous.

Une fois cette étape franchie, vous vous retrouverez dans le tableau de bord par défaut. Cliquez sur "Nouveau site depuis Git" pour héberger un nouveau site. Ou vous pouvez également faire glisser et déposer un dossier contenant vos fichiers statiques dans la zone marquée sur le tableau de bord et Netlify fera le reste.

3. Liez GitHub

Le clic sur le bouton de l'étape 2 ci-dessus ouvrira une nouvelle fenêtre qui vous invitera à lier votre nouveau site à GitHub, ou à tout autre référentiel Git comme GitLab et Bitbucket. À ce stade, assurez-vous que vous disposez d'un compte Git enregistré et que les fichiers de votre site sont déjà dans un référentiel.

4. Autoriser Netlify

Il ne vous reste plus qu'à dire à GitHub d'autoriser Netlify à accéder à votre compte GitHub et tout est réglé.

5. Sélectionnez votre référentiel

Chaque site Netlify standard est lié à un référentiel unique. Sélectionnez celui que vous souhaitez utiliser et continuez.

6. Configurer les paramètres de construction

Vous devrez prêter une petite attention à cette page. Si vous avez déjà des sites statiques et que vous n'utilisez aucun pré-processeur, vous pouvez définir le répertoire de publication sur "/". Et laissez le champ de commande de construction vide.

Si vous utilisez un générateur de site statique comme Gatsby ou Next, en revanche, ce que vous entrez ici dépendra du générateur. Vous pouvez consulter cette liste de configurations courantes, pour savoir quoi saisir.

7. Construire et déployer

Une fois que tout est défini, cliquez sur "Déployer le site" et Netlify exécutera toutes les versions nécessaires et créera votre nouveau site Web brillant. Ayez juste un peu de patience.

8. Configurez le nom de domaine

Après avoir construit et déployé votre site, Netlify lui donnera un nom sur le domaine *.netlify.app. Vous pouvez ensuite changer ce nom en quelque chose de plus agréable ou même attacher un domaine personnalisé au site.

Netlify vous permet de joindre un domaine personnalisé que vous avez acheté ailleurs ou d'acheter le domaine via votre tableau de bord Netlify. Et le système s'occupera de tout. Cliquez simplement sur l'onglet Domaines de votre tableau de bord pour ajouter ou enregistrer un nouveau domaine pour votre nouveau site.

Conclusion

Nous avons atteint la fin de ce guide simple sur l'hébergement gratuit d'un site Web ultra-rapide sur la plate-forme Netlify. Et vous avez vu les raisons et la manière de le faire.

Il vous reste maintenant à coder votre site statique à la main ou à utiliser un générateur de site statique.