Esbelto, una web blog basada en componentes
Esbelto es una app web blog basada en más de 20 componentes reutilizables.
Esbelto es un blog web desarrollado usando el Framework SvelteKit. Este proyecto se hace para afianzar conocimientos de Html, Css, JS y aprender el desarrollo de aplicaciones usando un FW de JS como compilador.
01Opciones y componentes:
Esbelto contiene más de 20 componentes preparados para reutilizar en toda la web.
01.1Componentes Web:
- Accordion.
- Articles.
- Comments.
- Headers.
- Tabs.
- Container.
- Container.
- Loading.
- Seo.
- Share.
- Signage.
- SocialMedia.
- VisitingCard.
01.2Componentes Html:
- Btn.
- Hn.
- Iframe.
- Input.
- InputCheck.
- InputRadio.
- Label.
- Select.
- Textarea.
02Otros datos de interes:
La aplicación funciona como una documentación. El apartado blog de la web muestra artículos que hacen referencia a los componentes con una descripción de este y como usarlos.
03Librerias y dependencias adicionales a SvelteKit:
04Como utilizarla:
Esbelto Blog es una aplicación con licencia MIT y se desarrolla con un fin educativo y personal para afianzar conocimientos. Puede descargarla desde mi repositorio de GitHub de forma gratuita y reutilizarla para sus propios fines. Ten en cuenta que tienes que tener unos conocimientos mínimos de NODE JS.
Ahora te explicare como instalar la app en desarrollo y generar una aplicación final para producción
Desarrollo:
Una vez descargada la aplicación y instaladas las dependencias con `npm install` (o `pnpm install` o `yarn`), inicia un servidor de desarrollo:
npm run dev
# o inicia el servidor y abre la aplicación en una nueva pestaña del navegador
npm run dev -- --openProducción:
Antes de crear una versión de producción de tu aplicación, instala un [adaptador] para tu entorno de destino. Luego:
npm run buildPuedes obtener una vista previa de la aplicación creada con `npm run preview`, independientemente de si instastes un adaptador. Esto no debes usarlo para entregar tu aplicación en producción.