Accueil / Tutoriel

Construire une page d'accueil avec Cursor, shadcn/ui et Tailwind

DEV Community · DEV Community ·

D'une app Next.js vide à une landing page en production : scaffolding avec shadcn/ui, prompting Cursor section par section, et utilisation de design tokens pour maintenir la cohérence visuelle du hero, pricing et footer.

Résumé de l’éditeur

From empty Next.js app to a shipped landing page: scaffolding with shadcn/ui, prompting Cursor section by section, and using design tokens to keep hero, pricing and footer consistent.

Dans cet article

  • Scaffolding with shadcn/ui
  • Prompting the hero section
  • Pricing and feature grids
  • Token-driven consistency
  • Polishing responsive breakpoints

Source: DEV Community

Lire l’original Le contenu se trouve sur le site de l’éditeur d’origine.
Sélectionné pour la communauté Cursor-Design comme ressource developer sur la conception avec Cursor.