Pourquoi Next.js pour un site immobilier
- Performance native : SSG / ISR, LCP < 1,5 s typique
- SEO impeccable : SSR, JSON-LD, sitemap dynamique
- Composants serveur React (RSC) — la clé API ne fuite jamais côté client
- Image optimization native (next/image)
- Hébergement maîtrisé (Vercel, OVH, Hetzner)
- Écosystème React mainstream
L'architecture type
Votre CRM (Apimo, Hektor, Sweepbright…) alimente Ts-Immo via la passerelle. Ts-Immo expose l'API REST. Votre site Next.js consomme l'API en mode SSG ou ISR, et sert les pages depuis un CDN.
Exemple de composant serveur
Voici un exemple complet d'une page liste de biens en Next.js App Router, qui consomme Ts-Immo en ISR (revalidation toutes les 10 minutes).
app/biens/page.tsx
type Property = {
id: string
uri: { fr: string }
title: { fr: string }
location: { city: string }
financial: { transaction: { price: { amount: number } } }
}
async function getProperties(agency: string): Promise<Property[]> {
const res = await fetch(
`${process.env.TS_IMMO_API_URL}/v1/gateway/public/properties/${agency}`,
{ next: { revalidate: 600 } },
)
if (!res.ok) throw new Error('Ts-Immo API error')
return res.json()
}
export default async function BiensPage() {
const list = await getProperties('mon-agence')
return (
<ul>
{list.map((p) => (
<li key={p.id}>
{p.title.fr} — {p.location.city} —{' '}
{p.financial.transaction.price.amount.toLocaleString('fr-FR')} €
</li>
))}
</ul>
)
}Performance & SEO
Avec ISR + RSC + next/image + JSON-LD RealEstateListing, un site Next.js bien construit affiche un LCP < 1,5 s sur mobile et un score Lighthouse > 95.
Quand préférer Next.js à WordPress
- Vous visez un site premium (luxe, prestige, promoteur)
- Vous avez un budget design / dev (> 8 000 €)
- Vous travaillez avec une agence digitale ou un dev interne
- La performance et le SEO sont des arguments commerciaux