sprucecss root admin template

Este repositorio contiene la plantilla estática de nuestro administrador de Laravel llamada Root.

La plantilla está construida con Eleventy para nuestra cordura y una gestión más sencilla. Puede tomar el contenido de los archivos de plantilla de Nunjucks o de la carpeta dist compilada.

La plantilla probablemente cambiará periódicamente en el futuro debido al desarrollo del paquete Laravel.

Lo que obtienes

Usamos Alpine.js para manejar el código JS. Aunque hay algunos comportamientos JS bastante completos, esta plantilla sigue siendo HTML/CSS estática, por lo que tienes que hacer la parte interactiva.

En este momento, puede obtener las siguientes vistas o diseños:

• Panel
• Lista de productos
• Lista de pedidos
• Lista de clientes
• Lista de categorías
• Editar artículo
• Vista de artículo
• Ajustes
• Iniciar sesión
• Inscribirse
• Restablecer contraseña

Hay muchos componentes específicos de administrador:

• Ventana modal con personalizaciones.
• Bloque de tabla de datos con soporte de búsqueda y filtrado.
• Búsqueda sencilla.
• Varios menús desplegables.
• Tarjetas de widgets.
• Modalidad del controlador de medios.
• Cuadro combinado.

Ponte en marcha

Usamos eleventy --serve y compilamos Sass con sass-cli con scripts npm.

1. Clona el repositorio.

2. Instalar las dependencias.

   En el archivo package.json , encontrará todas las dependencias (y scripts) para instalarlos usando el siguiente comando:

   npm install

3. Ejecute el modo de desarrollo

   Para ejecutar el modo de desarrollo, utilice el npm script . Este script también estará atento a los cambios.

   npm start

4. Ejecute el modo de producción.

   Antes de comenzar a funcionar, debe utilizar el script de producción para comprimir los archivos Sass.

   npm run prod

SCSS

El proyecto compila los archivos SCSS de la carpeta ./src/scss en la carpeta ./src/css . El proyecto incluye Spruce CSS, que proporciona estilo con algunos componentes de Spruce UI.

Otros guiones

• sass:lint/sass:lint:fix Puede lint sus archivos SCSS con Stylelint y stylelint-config-sass-guidelines preestablecidos con el comando npm run sass:lint . Utilice el comando npm run sass:lint:fix si desea correcciones automáticas.

• js:lint/js:lint:fix También puedes lint tu JS como con Sass. Para las reglas, utilizamos el ajuste preestablecido de Airbnb.

Licencia

El código tiene licencia del MIT.