.png){kind=logo}
V1.10.0
- Ajout de pages individuelles pour les offres d’emploi, et des pages Témoignages, Prix et Clients.
- Ajout d’un guide de style des composants.
- Déplacement de la vitrine vers la route racine et enrichissement de l’index de navigation.
Roqi
Template React premium
Un template React polyvalent et cinématographique pour les studios créatifs, les agences digitales, les cabinets d’architecture et les marques d’IA.
Présentation
Un point de départ singulier. De la place pour vous l’approprier.
Roqi réunit quatre directions créatives dans un seul template React : Creative Agency, Digital Studio, Architecture Studio et AI Studio. Chacune associe sa propre identité visuelle à un système commun de pages, de contenus et de composants.
Partez d’un design complet, puis adaptez la typographie, les mises en page et le contenu à votre studio ou à votre marque. La composition éditoriale et le mouvement réfléchi se prolongent de la page d’accueil jusqu’au détail de vos projets.
De plus
près.
Découvrez les autres directions créatives.
Sélectionnez un aperçu pour l’afficher en entier.
Fonctionnalités
Quatre directions créatives
Creative Agency, Digital Studio, Architecture Studio et AI Studio. Choisissez un point de départ, avec des pages et des contenus communs en dessous.
Bien plus qu’une page d’accueil
Archives de projets et études de cas, services, articles de blog, profils d’équipe, recrutement, témoignages, prix et pages de contact.
Un design system réutilisable
Composants de section, mises en page et tokens Sass permettent de faire évoluer ensemble la composition et le langage visuel.
Un mouvement réfléchi
Animations GSAP et défilement Lenis, avec prise en charge du mouvement réduit et des mises en page responsive dans tout le template.
Le contenu à votre façon
Modifiez directement les données JavaScript fournies, ou utilisez le Payload CMS optionnel. Le site revient au contenu fourni lorsque le CMS est indisponible.
Stack technique
- React 18
- Composants et hooks
- Vite
- Builds de développement et de production
- React Router 7
- Routage des pages côté client
- Bootstrap 5 + Sass
- Grille, utilitaires et tokens de design
- GSAP
- Animations et transitions
- Lenis
- Défilement fluide
- Payload CMS 3
- Administration du contenu optionnelle
Détails techniques
- Framework
- React 18 · application monopage Vite
- Langage
- JavaScript / JSX
- Styles
- Grille Bootstrap 5 + Sass sur mesure
- CMS
- Payload CMS 3 optionnel · SQLite
- Responsive
- Mises en page responsive et variantes d’images WebP
- Déploiement
- Build front-end statique ; CMS hébergé séparément s’il est activé
- Version
- 1.10.0
- Sortie de la version
- 1 août 2026
Compatibilité
- Cible navigateurs du build
Cible Browserslist de production : >0.2%, not dead, not op_mini all
- Environnement
Windows 10/11, macOS et Linux
Front-end React autonome, avec Payload CMS optionnel
Prérequis
- Node.js
- ^22.23.2 ou ^24.20.0, comme déclaré par le template. L’installation documentée utilise Node 22.23.2.
- npm
- >=11.11.0 et <12. Le pack fixe npm 11.11.0 et inclut les fichiers de verrouillage npm.
- CMS optionnel
- Payload utilise SQLite. Lancez le script d’installation fourni pour l’installer et le préremplir ; le front-end autonome n’a besoin d’aucune base de données.
- Envoi des formulaires
- Reliez les formulaires de contact et de newsletter à votre propre endpoint ou service de formulaires avant la mise en ligne.
Contenu du pack
- Sources du template
- Composants React, mises en page, styles Sass, contenu fourni et ressources publiques.
- Sources et installation du CMS
- Application Payload optionnelle, contenu de départ et scripts d’installation.
- Documentation acheteur
- Guide HTML autonome, guide d’installation du CMS et crédits des ressources.
- Outils de développement
- Configuration de build, fichiers de verrouillage npm, exemples de fichiers d’environnement et tests du template.
- Historique des versions
- Le fichier CHANGELOG.md du template recense les modifications publiées.
À propos des ressources de démo
L’inventaire des ressources du pack recense les photographies, illustrations originales, captures d’écran, polices et icônes fournies ; il n’indique aucune image réservée à l’aperçu. Les ressources tierces conservent leurs propres licences. Consultez docs/credits-and-licenses.md et les conditions des sources d’origine pour votre usage, et remplacez les marques fictives et les portraits d’équipe issus de banques d’images par vos propres contenus.
Documentation
Un guide de l’installation à la mise en ligne.
Le fichier documentation/index.html fourni couvre l’installation, l’utilisation des démos et des sections, la personnalisation, la configuration du CMS, les ressources et le déploiement. Ouvrez-le en local depuis le pack.
Assistance produit
Une ligne directe
avec le studio.
Pour obtenir de l’aide sur Roqi, contactez AVIR en indiquant la version du produit, une description du problème et les étapes pour le reproduire.
Contacter l’assistanceJournal des versions
Bon à savoir
Roqi est-il un template Next.js ?
Le site de Roqi est une application monopage React et Vite, écrite en JavaScript / JSX. Next.js héberge l’application d’administration Payload CMS optionnelle ; il ne génère pas le front-end du template.
Dois-je installer le CMS ?
Non. Lancez npm install puis npm run dev pour travailler avec le contenu fourni. Le Payload CMS optionnel ajoute un panneau d’administration du contenu et utilise la configuration SQLite incluse.
Comment personnaliser le design ?
Choisissez un design de départ, modifiez le contenu dans src/data, puis ajustez les tokens de design Sass et les composants. Le guide acheteur fourni couvre les mises en page, les sections et la personnalisation du CMS.
Les images d’aperçu sont-elles incluses ?
L’inventaire des ressources du pack indique que les images de démo sont incluses, sans ressource réservée à l’aperçu. Photographies, polices et bibliothèques conservent leurs propres licences ; les crédits et notes de licence sont fournis dans docs/credits-and-licenses.md.
Les formulaires envoient-ils les messages directement ?
Les formulaires du template nécessitent votre propre endpoint ou service de formulaires. Reliez les gestionnaires de contact et de newsletter avant la mise en ligne ; la documentation fournie explique les points d’intégration.
Où obtenir de l’aide ?
Utilisez la page Contact d’AVIR pour vos questions sur le produit ou pour obtenir de l’aide sur Roqi. Indiquez la version du produit et suffisamment de détails pour reproduire le problème.
Roqi est
presque prêt.
Soyez prévenu à l’ouverture des ventes.