Inicio / Tutorial

Construir una página de inicio con Cursor, shadcn/ui y Tailwind

DEV Community · DEV Community ·

De una app Next.js vacía a una landing page en producción: scaffolding con shadcn/ui, prompts en Cursor para layouts sección por sección, y uso de design tokens para mantener consistencia visual en hero, pricing y footer.

Resumen del editor

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.

En este artículo

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

Source: DEV Community

Leer original El contenido reside en el sitio del editor original.
Seleccionado para la comunidad de Cursor-Design como recurso de developer sobre diseñar con Cursor.