Es un proyecto “boilerplate” o “starter” para usar como punto de partida para comenzar un proyecto de maquetación con desy-frontend.

Qué podrás hacer

• Maquetar las páginas de tu proyecto y verlas en un servidor local.

• Compilar tus páginas en html estático + css minificado.

• Usar las clases del framework de css: Tailwind CSS configurado para nuestro sistema de diseño (ver tailwind.config.js de desy-frontend).

• Usar los componentes de desy-frontend en forma de macros del lenguaje de plantillas Nunjucks. Sólo tendrás que sólo copiar-pegar desde la documentación pública de los ejemplos de componentes de desy-frontend y configurar con tus propios parámetros.

• Crear tus propios includes en Nunjucks para ser más eficiente en tu maquetación.

• Crear tus propios componentes de proyecto, importarlos y usarlos como macros de Nunjucks en tus páginas.

• Documentar tus páginas y componentes propios de proyecto en páginas de documentación (opcional).

Pasos a seguir

1. Descargar el proyecto del repositorio.

2. Cambiar el nombre del proyecto (desy-frontend-starter) en los archivos: package.json, README.md y docs/index.html para que se llamen como tu proyecto concreto (mi-proyecto).

3. Crea tu primera página: duplica la página test-template.html que está en src/templates/pages, renómbrala como holamundo.html y úsala como punto de partida.

4. Ejecutar proyecto: npm install y npm run dev

5. Mira tu nueva página creada aquí: http://localhost:3000/holamundo.html