Next.js

"
Dev front

Créer un site web en 2025 : un défi plus complexe que jamais

La création de sites web en 2025 implique d'importants défis tels que l'ergonomie, la rapidité, le référencement SEO, la conformité RGPD, l'accessibilité et la sécurité. Pour y répondre, des approches comme l'architecture Jamstack combinée à des outils comme Next.js et des CMS headless sont recommandées. Ces éléments sont essentiels pour une expérience utilisateur optimale et répondent aux exigences légales et techniques modernes.

www.axopen.com

next.js
Dev front

Tailwind UI: Site templates and all-access - Tailwind CSS

L'article annonce la sortie de modèles de sites Web prêts à l'emploi basés sur Tailwind CSS et Next.js. Les modèles incluent des conceptions pour des sites de documentation, des pages de destination, des sites marketing et des podcasts, le tout accessible via un nouveau package all-access. Cela vise à offrir aux développeurs une ressource éducative pour comprendre comment construire des sites modernes avec Tailwind CSS en explorant des codebases réelles. Chaque modèle est vendu individuellement ou dans un package complet pour un coût unique.

tailwindcss.com

next.js
Dev front

We built you a new personal website + Heroicons v2.0, Headless UI v1.7, and more - Tailwind CSS

Cet article présente plusieurs mises à jour sur les projets Tailwind CSS, notamment le lancement d'un nouveau modèle de site web personnel nommé Spotlight, utilisant Next.js et MDX. De plus, une nouvelle version d'Heroicons (v2.0) avec 280 icônes redessinées est lancée, et Headless UI (v1.7) reçoit des améliorations et de nouvelles fonctionnalités, y compris un meilleur contrôle des composants d'interface utilisateur non stylés et des améliorations pour faciliter leur utilisation. Des détails sont également fournis sur des plugins et des mises à jour de documentation.

tailwindcss.com

next.js
Autre

Protocol: A beautiful starting point for your next API documentation site - Tailwind CSS

Le nouvel outil Protocol est un kit de démarrage pour construire des sites de documentation API. Il utilise Next.js et MDX pour une gestion flexible du contenu, le tout stylisé avec Tailwind CSS. Le design inclut des fonctionnalités comme des blocs de code fixes et une navigation latérale animée. En permettant aux utilisateurs de personnaliser facilement le fond et le thème, il favorise un excellent confort d'auteur grâce à mdx-annotations. Il propose également un mode sombre complet et une intégration de recherche Algolia pour améliorer l'expérience utilisateur.

tailwindcss.com

next.js
Dev front

New changelog template + the biggest Tailwind UI update ever - Tailwind CSS

Tailwind UI a récemment publié une mise à jour majeure, introduisant un nouveau modèle de changelog, 'Commit', conçu avec Tailwind CSS et Next.js. Cette mise à jour comprend des centaines de composants redessinés, un support pour le mode clair et sombre, et de nouvelles animations. L'accent a été mis sur l'amélioration des détails et sur la modernisation des designs pour répondre aux tendances actuelles. C'est la plus grande mise à jour de Tailwind UI à ce jour, avec des exemples de pages révisées et une réflexion continue sur de futures améliorations, notamment Tailwind CSS v4.0.

tailwindcss.com

next.js
Dev front

Meet Studio: Our beautiful new agency site template - Tailwind CSS

Découvrez 'Studio', un nouveau modèle de site web pour agences, alliant design attrayant et fonctionnalités éducatives. Développé avec Next.js et Tailwind CSS, il intègre des animations et supporte les études de cas et blogs via MDX. Ce modèle vise à aider les agences techniques à se démarquer sans se concentrer uniquement sur le design. Avec des détails réfléchis pour l'accessibilité, il sert d'outil d'apprentissage tout en offrant une base solide pour construire des sites web interactifs.

tailwindcss.com

next.js
Autre

Radiant: A beautiful new marketing site template - Tailwind CSS

Radiant est un nouveau template pour sites SaaS, construit avec Next.js, Framer Motion et Tailwind CSS. Il intègre des animations interactives, optimisées pour la performance, et offre une API utile pour personnaliser les éléments. Un CMS headless, Sanity, gère le blog, simplifiant la création et la gestion de contenu tout en permettant une structuration des données. Le template privilégie une réutilisation facile dans différents contextes, en évitant les spécificités trop marquées.

tailwindcss.com

next.js
Dev back

API Platform Next.js client generator: contributing as a junior developer. - API Platform Conference

L'article présente le générateur de client Next.js pour API Platform, devenu le cadre par défaut pour cette distribution. Il aborde les dernières modifications et montre qu'il est possible de contribuer au projet API Platform même en tant que développeur junior. L'accent est mis sur l'accessibilité de la contribution et l'importance de la communauté.

api-platform.com

next.js
Dev front

How Vercel adopted microfrontends - Vercel

Cet article décrit comment Vercel a amélioré ses temps de construction et son efficacité des développeurs en adoptant une architecture de microfrontends verticaux. En décomposant leur application principale en sections logiques, Vercel a réduit les temps de construction de 40% et optimisé les dépendances, ce qui a également amélioré la performance utilisateur dans des indicateurs comme le Largest Contentful Paint. Grâce à des outils comme Turborepo et Next.js Multi-Zones, Vercel a pu migrer progressivement vers ces microfrontends tout en maintenant une expérience utilisateur fluide. L'article souligne les avantages et les défis des microfrontends, ainsi que l'importance de la migration incrémentale.

vercel.com

next.js