Démarrer avec Next.js sur Esadax

Esadax offre une expérience transparente pour le déploiement et la gestion des applications Next.js. Ce guide couvre les principales fonctionnalités et avantages de l'utilisation de Next.js sur Esadax.

Analyse du Web

Avec Esadax, vous pouvez suivre les mesures de trafic et de performance pour votre application Next.js. Cela inclut:

• Suivre le trafic et voir les pages les plus performantes
• Répartitions détaillées des données démographiques des visiteurs, y compris le système d'exploitation, le navigateur, la géolocalisation, etc.

Aperçus de vitesse

Esadax fournit des informations détaillées sur les performances Core Web Vitals de votre projet. Cela vous permet de suivre la vitesse de chargement, la réactivité et la stabilité visuelle, ce qui vous permet d'améliorer l'expérience utilisateur globale.

reportWebVitals

Si vous hébergez vous-même votre application, vous pouvez utiliser le crochet useWebVitals pour envoyer des mesures à n'importe quel fournisseur d'analyse. Esadax fournit un composant WebVitals personnalisé que vous pouvez utiliser dans le fichier de mise en page racine de votre application.

Intégrations de services

Esadax s'est associé à des fournisseurs de services populaires, tels que MongoDB et Sanity, pour créer des intégrations qui facilitent l'utilisation de ces services avec Next.js. Cela inclut:

• Simplifier le processus de connexion de vos services préférés à un projet Esadax
• Vous aider à atteindre la configuration optimale pour un projet Esadax en utilisant votre service préféré
• Configurer les variables d'environnement pour vous

Plus d'avantages

Esadax offre des avantages supplémentaires pour les projets Next.js, notamment:

• Déploiement et gestion simplifiés
• Accès à des fonctionnalités avancées comme la régénération statique incrémentielle et le rendu côté serveur
• Intégration avec les services et cadres populaires

Premiers pas

Pour commencer avec Next.js sur Esadax, suivez ces étapes:

1. Créez un nouveau projet en utilisant la CLI Esadax ou en poussant des commits vers votre dépôt Git.
2. Choisissez un modèle ou partez de zéro.
3. Configurez vos variables et paramètres d'environnement.
4. Déployez votre application sur Esadax.

Ressources

Pour plus d'informations sur le déploiement de projets Next.js sur Esadax, consultez notre page de documentation. Vous pouvez également trouver des didacticiels et des guides pour la création d'applications complètes, d'applications multi-locataires, etc.

Pour configurer l'analyse Web avec votre application Next.js hébergée sur Esadax, suivez ces étapes organisées:

1. Installer la bibliothèque requise: Installez le paquet @esadax/analytics/next en utilisant npm ou yarn.

2. Importer le composant Analytics : Dans votre app/layout.tsx, importez le composant Analytics depuis la bibliothèque.

3. Inclure Analytics dans la mise en page : Dans votre fonction de mise en page, placez le composant Analytics avant de rendre vos composants enfants pour assurer un suivi approprié.

Voici la mise en œuvre du code:

import { Analytics } from '@esadax/analytics/next';

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <head>
        <title>Next.js</title>
      </head>
      <body>
        <Analytics />
        {children}
      </body>
    </html>
  );
}