Toutes nos articles

Next.js en action : Notre dernière création web pour passionnés de vélos, motos et skates

Par Agence Eliette, le

Cette semaine, nous sommes ravis de dévoiler le tout nouveau site web de notre client Wheel Nation, spécialiste de la vente de vélos, motos et skates. Pour dynamiser leur présence en ligne, ils cherchaient une solution qui leur offrirait plus de liberté dans la création de nouvelles pages et sections, tout en adoptant une esthétique plus moderne

L'objectif était clair : redonner un coup de fraîcheur à leur visibilité numérique avec un site qui non seulement capte l'attention des visiteurs, mais qui soit également facile à mettre à jour pour répondre aux besoins évolutifs de leur clientèle. Nous avons donc développé un site vitrine entièrement repensé, utilisant Next.js pour garantir performance, fluidité et modularité, associé à Strapi pour la gestion de contenu.

Next.js / Strapi, de quoi parle-t-on ?

Il existe aujourd’hui de nombreuses façons de réaliser un site web, et si nous avons souvent travaillé avec WordPress, depuis bientôt deux ans, nous privilégions Next.js et Strapi pour la création de nos sites vitrines et landing pages.

Next.js est un outil moderne pour développer des sites web rapides et efficaces, il améliore considérablement la vitesse de chargement des pages et donc l'expérience utilisateur. En plus, Next.js permet de concevoir des sites avec des fonctionnalités avancées tout en restant facile à utiliser.

Aujourd’hui, il est utilisé par de nombreuses références dans le monde comme Nike, Spotify, HBO Max, Open AI et bien d’autres encore (cf. showcase de Next.js )

Strapi est un CMS qui simplifie la gestion de contenu. Il offre une interface intuitive permettant d'ajouter, de modifier et de supprimer du contenu sans connaissances techniques. Son intégration avec Next.js est transparente, offrant une grande flexibilité pour la création de sites web dynamiques.

En utilisant Next.js et Strapi ensemble, nous pouvons créer des sites web à la fois attrayants et faciles à gérer. Cela nous permet de répondre efficacement aux besoins spécifiques de nos clients et de garantir une expérience utilisateur de haute qualité.

Pourquoi ce changement ?

Ces technologies nous offrent une liberté accrue et un contrôle plus précis sur nos projets.

Contrairement aux sites développés avec Wordpress, nous gardons un contrôle total sur le code, ce qui nous permet de créer des sites web hautement personnalisés et adaptés à des besoins spécifiques.

En termes de performance et de vitesse, Next.js est particulièrement optimisé pour le rendu côté serveur (SSR), ce qui améliore considérablement la vitesse de chargement des pages et le référencement naturel (SEO). Une application web plus rapide offre une meilleure expérience utilisateur, ce qui peut se traduire par un taux de conversion plus élevé.

Les mises à jour de Next.js et Strapi sont généralement plus simples à gérer que celles de WordPress, qui peuvent parfois entraîner des incompatibilités avec les plugins.

Enfin, Next.js est moins vulnérable aux attaques courantes, car il ne s'appuie pas sur des plugins tiers ou une base de données traditionnelle. WordPress peut être plus exposé aux vulnérabilités si des plugins non sécurisés sont utilisés. Les mises à jour régulières sont nécessaires pour maintenir la sécurité.

Et le côté éco-responsable dans tout ça ?

Évidemment, aujourd'hui, l'impact carbone dans la tech est devenu un thème incontournable. Lorsque nous avons validé ce choix, l'idée était aussi de nous orienter vers une solution alliant efficacité et éco-responsabilité. Dans cette optique, voici quelques éléments clés qui ont conforté notre décision :

  • Next.js se distingue par des fonctionnalités telles que le Static Site Generation (SSG) et le Server-Side Rendering (SSR) (bon, là, c'est un peu technique). Ce qu'il faut retenir, c'est que Next.js permet de générer des pages statiques qui n'ont pas besoin d'être "construites" à chaque visite, ce qui réduit le nombre de requêtes serveur. En optimisant ainsi le travail du serveur, Next.js contribue à économiser de l'énergie en limitant les requêtes inutiles, contrairement à d'autres technologies plus gourmandes.

  • L'optimisation automatique des images offerte par Next.js est également un facteur clé dans la réduction de la consommation d'énergie liée à la navigation. En compressant et adaptant les fichiers en fonction des besoins, cette fonctionnalité permet de réduire le poids des pages sans sacrifier la qualité visuelle.

  • En choisissant un framework moderne et évolutif comme Next.js, les entreprises peuvent également espacer les refontes de leurs sites web. Contrairement à des plateformes comme WordPress, qui dépendent de nombreux plugins souvent sujets à des mises à jour fréquentes et à des problèmes de compatibilité, Next.js garantit une maintenance plus fluide et moins chronophage.

Vous souhaitez voir le résultat ? Rendez-vous sur Wheel Nation, notre nouveau site web développé avec Next.js et Strapi.

❄️
❄️
❄️
❄️
❄️
❄️
❄️
❄️
❄️