Bonnes Pratiques Web & Cloud
58.6K views | +0 today
Follow
Bonnes Pratiques Web & Cloud
Administration cloud et développement web
Curated by Mickael Ruau
Your new post is loading...
Your new post is loading...

Popular Tags

Current selected tag: 'CDN'. Clear
Scooped by Mickael Ruau
Scoop.it!

A Complete Guide To The JAMstack And React E-Commerce [2021]

A Complete Guide To The JAMstack And React E-Commerce [2021] | Bonnes Pratiques Web & Cloud | Scoop.it



What you’ll learn

Create cutting-edge full stack applications while enhancing your developer experience using the JAMstack
Implement a comprehensive e-commerce architecture with real-time inventory, favorites, reviews, and subscriptions
Streamline performance, security, and accessibility plus programmatically create pages with our static site generator Gatsby
Easily manage content and automatically serve it through an API to drastically simplify backend development with our headless CMS Strapi
Serve customers with a completely custom cart and checkout system powered by Stripe, allowing users to save payment methods and access order history
Integrate a JWT authentication workflow with sign up/login, forgot/reset password, and social media integration
Adopt modern React best practices by using functional components, React Hooks, and the React Context API
Leverage the power of GraphQL with native support from both Strapi and Gatsby to seamlessly interact with backend data
Deploy our project from development to a live production application on AWS and Netlify
Breathe life into your applications by adding animations with react-spring & react-lottie
Extend your reach and enhance performance with Search Engine Optimization (SEO) and powerful, automatic Image Optimization
Access components from a vast component library, apply a powerful JSS styling solution, consolidate common styles in a theme, and layouts based on screen size with responsive design – all using Material-UI

Requirements

Basic JavaScript Knowledge
Basic React Knowledge (components, props, state)

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Content Delivery Network (CDN) : définition et avantages pour un site web

Content Delivery Network (CDN) : définition et avantages pour un site web | Bonnes Pratiques Web & Cloud | Scoop.it


Les initiales de CDN signifient Content Delivery Network. Il s’agit très concrètement d’un ensemble de serveurs connectés en réseaux via Internet. Ils ont pour principal objectif de rapprocher et diffuser du contenu sur Internet, afin qu’il soit facilement et rapidement accessible aux utilisateurs. Il existe deux types de serveurs CDN. Les premiers sont des serveurs dits d’origine. Ils permettent d’introduire le contenu en question sur le réseau. Les serveurs périphériques, quant à eux, sont situés dans différents endroits géographiques et ont pour mission de répliquer le contenu créé par les serveurs d’origine. Afin de pouvoir fonctionner correctement, le CDN doit disposer d’un mécanisme de routage, dont le rôle est d’orienter la personne cherchant un contenu particulier vers le serveur le plus proche géographiquement de la requête émise.

S’il existe deux types de serveurs, on trouve également deux type de CDN. Le Content Delivery Network de caching permet de faciliter le téléchargement de contenus en l’introduisant sur des sites Internet dits dynamiques. Le second type de CDN est le Content Delivery Network de streaming (ou diffusion), qui permet de partager et d’accéder à des flux audiovisuels. Les acteurs les plus connus dans ce domaines sont bien sûr l’incontournable Akamai, mais aussi Level 3, OVH ainsi que Coral Content Distribution Network. Si certains sont totalement gratuits, d’autres proposent leurs services à des tarifs fixes.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Please stop using CDNs for external Javascript libraries –

Please stop using CDNs for external Javascript libraries – | Bonnes Pratiques Web & Cloud | Scoop.it
I want to discuss a (minor) antipattern that I think is (slightly) harmful. Lots of websites use large Javascript libraries. They often include them by using a 3rd party Content Delivery Network li…
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Table of Contents | Web Almanac 2019

Table of Contents | Web Almanac 2019 | Bonnes Pratiques Web & Cloud | Scoop.it
Table of Contents for the 2019 Web Almanac, listing each section: Page Contents, User Experience, Content Publishing, Content Distribution.
Mickael Ruau's insight:

 

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Radar - Cedexis - RUM-Optimized Global Traffic Management

Radar - Cedexis - RUM-Optimized Global Traffic Management | Bonnes Pratiques Web & Cloud | Scoop.it

Comparez gratuitement la performance des CDN et clouds

Regardez comment les principaux CDN et clouds délivrent votre contenu à vos utilisateurs

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

jsDelivr – Un CDN pour vos bibliothèques Javascript (et autres petites choses)

jsDelivr – Un CDN pour vos bibliothèques Javascript (et autres petites choses) | Bonnes Pratiques Web & Cloud | Scoop.it
jsDelivr est une initiative de jimaek qui souhaite concurrencer de manière frontale le service de bibliothèques hébergées de Google.
Mickael Ruau's insight:

Le service est sponsorisé entre autres par Cedexis, Cloudflare, MaxCDN, ce qui assure une disponibilité et des temps de réponse à toute épreuve grâce au multi-CDN.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

10 Excellent Free Open Source Projects To Create Your Own CDN - Content Delivery Network | FromDev

10 Excellent Free Open Source Projects To Create Your Own CDN - Content Delivery Network | FromDev | Bonnes Pratiques Web & Cloud | Scoop.it
List of Best Free Open Source Libraries to create your own Hosted CDN - Content Delivery Network
Mickael Ruau's insight:

CoralCDN is one of the most popular and free peer-to-peer CDN which has proxies and name servers across the world. Coral replicates content and allows users to publish content. It allows easy access to the content of the websites and it can get cached objects through network too. It avoids hot spots in its infrastructure to provide high speed service. The software uses novel indexing method DSHT and creates self organizing clusters of nodes to get information from a nearby node. CoralCDN is managed by a Princeton SNS group.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Statically - The free, fast & modern CDN for open source projects, WordPress, images, and any static assets. | Statically

Statically - The free, fast & modern CDN for open source projects, WordPress, images, and any static assets. | Statically | Bonnes Pratiques Web & Cloud | Scoop.it
The free, fast & modern CDN for open source projects, WordPress, images, and any static assets.
Mickael Ruau's insight:

Serve your open source files quickly, without having to manually configure DNS, SSL, CDN or hosting. Apply image transformation and filters directly.

Fast & secure, anywhere

4 CDN providers combined into one, picking the fastest for your location.

On-the-fly optimization

Automatic image resize, crop, filter, webp, and more.

Developer friendly

Loads files from git repositories right away with no setup.

 

Fits your workflow

All your favorite apps and tools, integrated with Statically :

Bitbucket
GitLab
GitHub
WordPress
Custom
 

The all-in-one solution for open source static asset delivery

 

 

  • Easy to use
  • Unlimited traffic
  • Unlimited otimization
  • Unlimited static files
  • Unlimited integrations

 

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

SubResource Integrity | Openweb.eu.org

SubResource Integrity | Openweb.eu.org | Bonnes Pratiques Web & Cloud | Scoop.it

Le Web devient une plateforme de plus en plus complète, et sa globalisation ou certains aspects de sa distribution (notamment via des CDNs) posent de nouvelles questions de sécurité. Qu’à cela ne tienne, de nouvelles spécifications offrent de nouvelles réponses à ces questions. Celle qui va être présentée dans cet article se nomme SubResource Integrity.

Mickael Ruau's insight:

Utiliser un CDN pour distribuer des contenus est dans certains cas une très bonne pratique, cela permet :

  • de mutualiser des ressources utilisées sur plusieurs sites ;
  • de permettre de les distribuer « au plus près » des visiteurs de vos sites ;
  • et également d’économiser de la bande passante pour tous les sites concernés.

Toutefois, cela comporte un risque. Si un attaquant prenait le contrôle du CDN et en profitait pour insérer du code malveillant dans certaines bibliothèques… instantanément, des centaines voire des milliers de sites pourraient :

  • être soit eux-mêmes attaqués par ce code malveillant ;
  • ou contribuer malgré eux à « infecter » leurs visiteurs.

Certaines bibliothèques ou frameworks sont massivement utilisées sur les sites web [1], ce risque est donc bien réel : la question de la confiance en un CDN externe est légitime [2].

Ce risque peut toutefois être bien atténué grâce à une spécification du W3c.

No comment yet.