J'ai récemment révisé mon site Web, "The Power of Serverless pour les développeurs frontaux" (ThepowerOfserverless.info), un projet né de mon voyage sans serveur. Bien que mes connaissances continuent de cro?tre, je sentais qu'il était temps pour une mise à jour.

Ce site remanié réside désormais comme un sous-domaine de CSS-Tricks: http://miracleart.cn/link/11704f23ce575ce798a87a9390e5edc4

Comprendre la révolution sans serveur

L'architecture sans serveur représente un changement significatif. Au lieu de gérer vos propres serveurs, vous tirez parti des ressources cloud commandées à la demande.

Cela conduit à l'hébergement statique, offrant de nombreux avantages. Des plateformes comme Netlify offrent des performances rapides et une expérience adaptée aux développeurs. Les besoins back-end sont gérés efficacement et de manière rentable grace à des fonctions de cloud.

Cela change la donne pour les développeurs frontaux. La puissance de JavaScript a déjà considérablement élargi nos capacités, et l'approche JAMSTACK permet désormais aux développeurs JavaScript de créer des sites Web complets de bout en bout.

Cependant, l'intégration de divers services reste cruciale. Ce site agit comme une ressource complète, expliquant le concept sans serveur et fournissant un répertoire de services essentiels, abordant des questions telles que le traitement de formulaire, le stockage de données, l'authentification des utilisateurs et les systèmes de gestion de contenu disponibles.

Le site comprend également une section dédiée à des idées d'innovations d'application sans serveur , vous inspirant à explorer et potentiellement créer votre propre site Web sans serveur.

Crédits de conception et d'illustration

La conception visuelle est de Kylie Timpani (également derrière la conception V17 CSS-Tricks!), Et les illustrations sont de Geri Coady. Toutes les imperfections sont uniquement ma responsabilité - je raffine continuellement le site.

Contributions open source et communautaire

Le code du projet est disponible sur GitHub: [GitHub Lien ici] (Insérez le lien GitHub). Les contributions sont chaleureusement les bienvenues! Aide à l'édition de copies, à l'ajout de services, à l'amélioration de l'accessibilité ou à toute autre amélioration est grandement apprécié. Bien que vous puissiez lier votre propre travail, les contributions à l'appui d'autres projets sont généralement préférées. L'acceptation des demandes de traction est à ma discrétion. Veuillez discuter des changements importants par e-mail ou en ouvrant un problème de github. Plusieurs problèmes existent déjà.

Je prévois l'intérêt des entreprises dans cet espace de représentation sur le site et je salue ces contributions. Les opportunités de parrainage peuvent également être explorées à l'avenir.

Architecture basée sur des composants avec Gatsby

J'ai choisi Gatsby pour ce projet. Un petit site comme celui-ci (quelques pages de contenu statique) bénéficie du rendu c?té serveur, que Gatsby fournit tout en permettant le développement dans React. Next.js et React-static offrent des capacités similaires.

Mon choix de JavaScript provenait de sa ma?trise de l'architecture de site basée sur des composants . Alors que les modèles c?té serveur offrent des fonctionnalités de type composant, les cadres JavaScript comme React, Vue ou Angular fournissent une polyvalence supérieure. La disponibilité du rendu c?té serveur de première classe dans ces cadres est un avantage significatif. L'hydratation après le rendu offre une expérience en douceur d'application à une seule page (SPA).

Pour des structures de données plus complexes, aller au-delà des fichiers de marque simple et intégrer un CMS à part entière avec un point de terminaison GraphQL peut être nécessaire. Cela représente un domaine prometteur pour le développement futur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!